Linux安全网 - Linux操作系统_Linux 命令_Linux教程_Linux黑客

会员投稿 投稿指南 本期推荐:
搜索:
您的位置: Linux安全网 > Linux编程 > » 正文

刚刚用CSS写了一个按钮,感觉不错,拿出来显摆一下(附截图)...

来源: 未知 分享至:

image

a{
    display: inline-block;
    position: relative;
    width: 100px;
    border-width:15px 0;
    border-style:solid;
    color: #fff;
    text-decoration: none;
}
a:link, a:visited{
    border-top-color: #333;
    border-bottom-color: #222;
}
a:hover, a:active{
    border-top-color: #222;
    border-bottom-color: #111;
}
span {
    display: inline-block;
    width: 100px;
    height: 30px;
    position: absolute;
    top: -15px;
    left: 0;
    font: bold 16px/30px arial ;
    text-align: center;
}

 

<a href="#"><span>Login</span></a>


Tags:
分享至:
最新图文资讯
1 2 3 4 5 6
验证码:点击我更换图片 理智评论文明上网,拒绝恶意谩骂 用户名:
关于我们 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 发展历史