css怎么去掉下划线

html+css

代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解css怎么去失落下划线。

    e824b899a9014c089c0700de057b02087bf4f489.jpg
  2. 2

    在test.html文件内,利用div标签建立一个模块,在div模块,利用a标签建立一个链接。

    a1ec08fa513d26975e0321265afbb2fb4216d8fc.jpg
  3. 3

    在test.html文件内,给div标签设置class属性,属性值为demo,本家儿要用于下面经由过程该class来设置css样式。

    b999a9014c086e06ee9417300d087bf40ad1cb89.jpg
  4. 4

    在test.html文件内,编写标签,页面的css样式将写在该标签内。

    0bd162d9f2d3572ceadeb4a78513632762d0c389.jpg
  5. 5

    因为a标签有几种状况,别离正常状况,已点击状况,勾当状况,是以别离需要对这种状况的样式进行设置。代码如下:

    f3d3572c11dfa9ec77127e6c6dd0f703918fc189.jpg
  6. 6

    在css标签内,对a标签的三种状况都利用text-decoration属性设置,将其属性值设置为none,从而实现去失落下划线的结果。

    9922720e0cf3d7ca6d0b160dfd1fbe096a63a9cf.jpg
  7. 7

    在浏览器打开test.html文件,查看实现的结果。

    0df3d7ca7bcb0a46eaf2a2426463f6246a60affc.jpg
  • 发表于 2019-11-21 17:05
  • 阅读 ( 1268 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具