如何把a标签做成按钮(不适用背景图片)

 时间:2026-04-22 23:26:16

1、实现的效果是将a标签设计成图片

如何把a标签做成按钮(不适用背景图片)

2、首先定义一个div,div里面加一个a标签

<div class="jianli_apply">

  <a href="#">在线简历投递</a>

</div>

如何把a标签做成按钮(不适用背景图片)

3、给div增加样式 ,设置宽和高,设置为块级元素,设置背景颜色

.jianli_apply {

display: block; 

width: 100px;

height: 30px;

border: 1px solid #CCC;

background: #9c9d9e;

margin-top: 20px;

}

如何把a标签做成按钮(不适用背景图片)

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

如何把a标签做成按钮(不适用背景图片)

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

如何把a标签做成按钮(不适用背景图片)

6、给a标签添加样式,如下

.jianli_apply a {

font-size: 14px;

padding: 2px 6px;

display: block;

color: #ffffff;

}

如何把a标签做成按钮(不适用背景图片)

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

如何把a标签做成按钮(不适用背景图片)

  • uni-app如何进行页面跳转
  • 基于wireshark的telnet分析
  • 虚拟机安装系统后怎么从iso文件启动
  • 如何使用JS实现拖放图片到div中的功能
  • 使用记事本工具制作简单的html网页
  • 热门搜索
    十二月适合去哪里旅游 上海集散中心旅游线路 布鲁塞尔旅游 新西兰打工旅游签证 广东熊猫国际旅游有限公司 大梅沙旅游攻略 贵州省旅游学校 北京旅游信息网 湖南株洲旅游 山海天旅游度假区