使ってみよう！スタイルシート

リンクの先頭に三角マークをつけると、閲覧者がリンクを認識しやすくなる。

hoverした時に、文字が少し下に下がると「ここは押せる！」という感じが出る。

ul li {
margin: 0;
padding: 0;
list-style-type:none;
}

ul li a span.midashi {
margin: 0 0 0 30px;
padding: 0 0 0 10px; /* 背景画像triangle.gifとテキストが重ならないようにするための指定 */
font-weight: normal;
line-height: 2em;
background-image: url(/xxx/xxx/triangle.gif);
background-repeat: no-repeat;
background-position:center left;
}


ul li a:hover {
position: relative;
top: 1px;
left: 1px;
color:#FF0000;
text-decoration: underline;