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

 时间:2024-10-25 04:34:25

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

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

2、首先定义一个d坡纠课柩iv,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网页
  • 热门搜索
    深圳免费旅游景点大全 国外旅游网 益阳旅游 品质旅游 亳州旅游景点大全 宏村旅游 丽江香格里拉旅游 珠海旅游必去景点 凤凰山旅游攻略 萍乡旅游