<!DOCTYPE html>
<html>
<head>
<style>.className{
line-height:38px;
height:38px;
width:200px;
color:#f2f60a;
background-color:#ededed;
font-size:27px;
font-weight:500;
font-family:Arial;
background:-webkit-gradient(linear, left top, left bottom, color-start(0.05, #79bbff), color-stop(1, #378de5));
background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
border:6px solid #337bc4;
-webkit-border-top-left-radius:40px;
-moz-border-radius-topleft:40px;
border-top-left-radius:40px;
-webkit-border-top-right-radius:40px;
-moz-border-radius-topright:40px;
border-top-right-radius:40px;
-webkit-border-bottom-left-radius:40px;
-moz-border-radius-bottomleft:40px;
border-bottom-left-radius:40px;
-webkit-border-bottom-right-radius:40px;
-moz-border-radius-bottomright:40px;
border-bottom-right-radius:40px;
-moz-box-shadow:3px 4px 0px 0px #1564ad;
-webkit-box-shadow:3px 4px 0px 0px #1564ad;
box-shadow:3px 4px 0px 0px #1564ad;
text-align:center;
display:inline-block;
text-decoration:none;
}
.className:hover{
background-color:#f5f5f5;
background:-webkit-gradient(linear, left top, left bottom, color-start(0.05, #378de5), color-stop(1, #79bbff));
background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
</style>
</head>
<body>
<a href='#' class='className'>1.赵丽颖</a>
<a href='#' class='className'>1.赵丽颖</a>
<a href='#' class='className'>1.赵丽颖</a>
<a href='#' class='className'>1.赵丽颖</a>
<a href='#' class='className'>1.赵丽颖</a>
</body>
</html>
福建,厦门,集美区
