如何把a标签做成按钮(不适用背景图片)
1、实现的效果是将a标签设计成图片

2、首先定义一个div,div里面加一个a标签
<div class="jianli_apply">
<a href="#">在线简历投递</a>
</div>

3、给div增加样式 ,设置宽和高,设置为块级元素,设置背景颜色
.jianli_apply {
display: block;
width: 100px;
height: 30px;
border: 1px solid #CCC;
background: #9c9d9e;
margin-top: 20px;
}

4、上步的样式,效果如下

5、div框部分已经ok,那么处理里面a标签的样式

6、给a标签添加样式,如下
.jianli_apply a {
font-size: 14px;
padding: 2px 6px;
display: block;
color: #ffffff;
}

7、a样式添加好的效果如下图

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