码迷,mamicode.com
首页 > Web开发 > 详细

纯css 超链接变按钮

时间:2017-04-12 19:28:18      阅读:284      评论:0      收藏:0      [点我收藏+]

标签:12px   ext   tom   ati   family   字体   font   center   bottom   

a{
font-family:Arial;
font-size:.8em;
text-align:center;
margin:3px;
}
a:link,a:visited{
color:#A62020;
padding:4px 10px;  /*鼠标放上前字体位置*/
background-color:#ecd8db;
text-decoration:none;
border-top:1px solid #EEE;
border-left:1px solid #EEE;
border-bottom:1px solid #717171;
border-right:1px solid #717171;
}
a:hover{
color:#821818;
padding:5px 8px 3px 12px;  /*鼠标放上后字体位置*/

background-color:#e2c4c9;
border-top:1px solid #717171;
border-left:1px solid #717171;
border-bottom:1px solid #EEE;
border-right:1px solid #EEE;
}

 

纯css 超链接变按钮

标签:12px   ext   tom   ati   family   字体   font   center   bottom   

原文地址:http://www.cnblogs.com/Peit/p/6700860.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!