CSS3-sample1

css



html{
font-family: verdana, sans-serif;
font-size: 12px;
}

ul li{
display: inline;
float: left;
border-left: 1px solid #333;
}

ul li:last-of-type{
border-right: 1px solid #333;
}

ul li a{
display: block;
padding: 10px 30px;
background-color: #ccc;
text-decoration: none;
}

ul li a{
color: #292929;　　　　/* ロールオーバー時の文字色*/
text-shadow: #fff 1px 1px 0px;　　　　　/* ロールオーバー時のtext-shadow*/
}

ul li a:hover{
color: #fff; 　　/* ロールオーバー時の文字色*/
text-shadow: #000 1px 1px 0px; /* ロールオーバー時のtext-shadow*/
background-color: #666; 　/* ロールオーバー時の背景色*/
}