您的位置:首页 > HTML入门 > 【 返回上一页

html超链接显示下划线样式

html 超链接显示下划线样式- 默认HTML超链接显示下划线-兼容各大浏览器!

html超链接a标签使用,默认情况下有的浏览器显示下划线样式,有的没有显示下划线。如何实现兼容各大浏览器默认情况下超链接显示下划线样式呢?

超链接设置下划线样式,需要用到CSS 下划线样式,即下划线属性样式单词:
text-decoration:underline

超链接用到CSS下划线样式解释:
text-decoration——字体线体修饰样式单词
underline——下划线,text-decoration的值,设置后代表对元素对象内文字字体设置下划线样式。

html中设置超链接显示下划线-默认全部超链接(锚文本)显示下划线CSS代码:

a{text-decoration:underline} 

这样对html 超链接 <A>标签设置默认带上字体下划线效果,兼容各大浏览器。

超链接加下划线样式示例截图
超链接加下划线样式示例截图

小结:
要让默认超链接显示下划线样式效果,只需要在HTML中加入“a{text-decoration:underline}”即可默认全网页超链接显示下划线样式,如果要想某处超链接不显示下划线,只需要对其对象单独设置css去除超链接下划线样式即可。

相关html 下划线教程阅读:
1、《html超链接去下划线》
2、《css虚线下划线》
3、《css下划线与字间距设置》 
4、《css下划线颜色与字体颜色不同》
5、《css text-decoration下划线颜色设置》
6、《css去掉下划线》

相关标签: 下划线 超链接
如需转载,请注明文章出处和来源网址:www.thinkcss.com/html/1049.shtml

日期:2016-08-20 11:01:12 来源:www.thinkcss.com 作者:div css

热门点击