css怎么去掉下划线?

html-css06

css怎么去掉下划线?,第1张

1、新建html文档,在html文档的bady标签中添加一个a标签,然后为这个标签添加“href”属性和属性值:

2、将编辑好的代码保存,然后用浏览器打开html文档,这时可以在网页中看到a标签的下划线:

3、添加style标签,然后为a标签设置“text-decoration:none”css样式,刷新浏览器,这时浏览器中的下划线就会被去掉:

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

实例演示如下:

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

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

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

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

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

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

a{color: #0162f4}

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

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

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