一、去掉下划线css花色
我们明确下以下CSS属性单词,我们要去掉a超链接锚文本下划线将用到以下CSS花式单词:
text-decoration 设置下划线格局单词
去掉a超链接下划线格局,咱们将css text-decoration的值配置为“none”就可。
如上去掉A链接下划线花式代码:
a{text-decoration:none}
二、去掉锚文本下划线案例
此后咱们案例简介经由过程css去掉超链接下划线样式。
1、未去掉a超链接下划线
1)、HTML代码
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>去掉超链接下划线在线演示 wcss5.com.cn</title>
- </head>
- <body>
- 欢迎脱离<a href="//www.css5.com.cn/">CSS5</a>进修CSS!
- </body>
- </html>
2)、案例截图
未去掉下划线前
2、使用css去掉超链接下划线 1)、css代码片段
- a{ text-decoration:none}
2)、残缺css div代码
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>去掉超链接下划线在线演示 wcss5.com.cn</title>
- <style>
- a{ text-decoration:none}
- </style>
- </head>
- <body>
- 迎接脱离<a href="//www.css5.com.cn/">CSS5</a>深造CSS!
- </body>
- </html>
3)、案例截图
用css格局去掉超链接下划线花样案例截图
4)、在线演示 查看演示案例
三、总结
一般情况我们在css+div垦荒网页时分,我们需要起首对网页经常运用或要用标签进行需求初始化,因为有的html标签中分歧涉猎器下是有一定差距,为了防止这类差距带来贫穷以是有须要进行css初始化。
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r52749.shtml