css 鼠标经过超级链接时出现下划线的标记代码

html-css010

css 鼠标经过超级链接时出现下划线的标记代码,第1张

a{color: #0162f4}

鼠标离开的时候颜色为蓝色,#0162f4颜色代码自己改

a:hover{text-decoration:underlinecolor: #C20C0C}

鼠标经过的时候出现下划线text-decoration:underline,不要下划线改成text-decoration:none即可,color: #C20C0C为鼠标经过时字体显示的颜色!

text-decoration:underline

距离不可以调整

但可以变相实现,用border-bottom

例如<p>CSS中鼠标放在文字上时出现下划线代码是什么</p>

CSS中的代码

p{border-bottom:1px solid #000margin-bottom:文字与线之间的距离}

不明白的话,发站内信息给我

给需要添加下划线的超链接添加单独样式或者一个class,包含关键代码:text-decoration:underline。

实例演示如下:

1、设计一个HTMl页面,放入一些a标签超链接:

2、给a便签全部取消下划线:

3、此时的页面展示如下:

4、在样式中添加一个class,去掉下划线:

5、演示:给一些a便签添加第四步的class:

6、刷新页面,此时效果如下: