ul.nav1 li a,ul.nav2 li a {
display: block;
width: 190px;
height: 45px;
padding-left: 10px;
line-height: 45px;
color: #fff;
font-size: 14px;
/* webkit */
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 1px 2px #000;
/* mozilla */
-moz-border-radius: 5px;
-moz-box-shadow: 0 1px 2px #000;
}
ul.nav1 li a {
text-shadow: #216fab -1px -1px 0;
/* webkit */
background: -webkit-gradient(
linear,
left top, left bottom,
color-stop(0, rgba(190, 225, 225, 0.98)),
color-stop(0.4, rgba( 8, 134, 229, 0.95)),
color-stop(1, rgba( 56, 158, 235, 0.95))),
url(img/bg02.png) repeat 0 0;
/* mozilla */
background: -moz-linear-gradient(
top,
rgba(190, 225, 252, 0.98) 0,
rgba( 8, 134, 229, 0.95) 40%,
rgba( 56, 158, 235, 0.95) 100%),
url(img/bg02.png) repeat 0 0;
}
ul.nav2 li a {
text-shadow: #dd4bb2 -1px -1px 0;
/* webkit */
background: -webkit-gradient(
linear,
left top, left bottom,
color-stop(0, rgba(253, 237, 249, 0.98)),
color-stop(0.4, rgba(241, 104, 201, 0.95)),
color-stop(1, rgba(243, 127, 209, 0.95))),
url(img/bg02.png) repeat 0 0;
/* mozilla */
background: -moz-linear-gradient(
top,
rgba(253, 237, 249, 0.98) 0,
rgba(241, 104, 201, 0.95) 40%,
rgba(243, 127, 209, 0.95) 100%),
url(img/bg02.png) repeat 0 0;
}
→Back to Article