css创建链接按钮
1、新建文件,创建a链接

2、预览效果

3、给a添加class

4、看着是不是好点了

5、设置a字体的样式

6、看着顺眼多了

7、给a添加鼠标滑过效果

8、预览效果

9、附上源码
<body>
<style>
.class{
float: left;
list-style-type: none;
border:1px solid #e2e2e2;
padding:10px 30px;
margin-left: 40px;
box-shadow: 0px 0px 10px #e2e2e2;
}
a{
color:#999;
text-decoration: none;
}
a:hover{
background: #000;
color:#fff;
}
</style>
<a class="class" href="#">链接</a>
</body>

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:39
阅读量:179
阅读量:147
阅读量:151
阅读量:61