首页 > 电脑专区 > 电脑教程 >

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

来源:互联网 2023-02-22 02:00:51 144

如何把a标签做成按钮(不适用背景图片)XFb办公区 - 实用经验教程分享!

如何把a标签做成按钮(不适用背景图片)XFb办公区 - 实用经验教程分享!

方法/步骤

  • 1

    实现的效果是将a标签设计成图片XFb办公区 - 实用经验教程分享!

    如何把a标签做成按钮(不适用背景图片)XFb办公区 - 实用经验教程分享!

  • 2

    首先定义一个div,div里面加一个a标签XFb办公区 - 实用经验教程分享!

    div class="jianli_apply">XFb办公区 - 实用经验教程分享!

    a href="#">在线简历投递/a>XFb办公区 - 实用经验教程分享!

    /div>XFb办公区 - 实用经验教程分享!

    如何把a标签做成按钮(不适用背景图片)XFb办公区 - 实用经验教程分享!

  • 2此文章未经授权抓取自百度经验
  • 3

    给div增加样式 ,设置宽和高,设置为块级元素,设置背景颜色XFb办公区 - 实用经验教程分享!

    XFb办公区 - 实用经验教程分享!

    XFb办公区 - 实用经验教程分享!

    .jianli_apply{XFb办公区 - 实用经验教程分享!

    XFb办公区 - 实用经验教程分享!

    XFb办公区 - 实用经验教程分享!

    display:block;XFb办公区 - 实用经验教程分享!

    width:100px;XFb办公区 - 实用经验教程分享!

    height:30px;XFb办公区 - 实用经验教程分享!

    border:1px solid#CCC;XFb办公区 - 实用经验教程分享!

    background:#9c9d9e;XFb办公区 - 实用经验教程分享!

    margin-top:20px;XFb办公区 - 实用经验教程分享!

    }XFb办公区 - 实用经验教程分享!

    如何把a标签做成按钮(不适用背景图片)XFb办公区 - 实用经验教程分享!

  • 4

    上步的样式,效果如下XFb办公区 - 实用经验教程分享!

    如何把a标签做成按钮(不适用背景图片)XFb办公区 - 实用经验教程分享!

  • 5

    div框部分已经ok,那么处理里面a标签的样式XFb办公区 - 实用经验教程分享!

    如何把a标签做成按钮(不适用背景图片)XFb办公区 - 实用经验教程分享!

  • 6

    给a标签添加样式,如下XFb办公区 - 实用经验教程分享!

    XFb办公区 - 实用经验教程分享!

    XFb办公区 - 实用经验教程分享!

    .jianli_apply a{XFb办公区 - 实用经验教程分享!

    XFb办公区 - 实用经验教程分享!

    XFb办公区 - 实用经验教程分享!

    font-size:14px;XFb办公区 - 实用经验教程分享!

    padding:2px 6px;XFb办公区 - 实用经验教程分享!

    display:block;XFb办公区 - 实用经验教程分享!

    color:#ffffff;XFb办公区 - 实用经验教程分享!

    }XFb办公区 - 实用经验教程分享!

    XFb办公区 - 实用经验教程分享!

    如何把a标签做成按钮(不适用背景图片)XFb办公区 - 实用经验教程分享!

  • 7

    a样式添加好的效果如下图XFb办公区 - 实用经验教程分享!

    如何把a标签做成按钮(不适用背景图片)XFb办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!XFb办公区 - 实用经验教程分享!


    标签: 视频标签适用背景图片

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码