十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
class{text-decoration:none}
成都创新互联成都企业网站建设服务,提供成都网站设计、成都网站建设网站开发,网站定制,建网站,网站搭建,网站设计,响应式网站开发,网页设计师打造企业风格网站,提供周到的售前咨询和贴心的售后服务。欢迎咨询做网站需要多少钱:18982081108
class改成你不要下划线样式的名字就行,如果用ID的 #id
a, a:hover, a:focus { text-decoration: none; color: inherit; } //初始化所有情况下a不要下划线。
下面是关于text-decoration下划线CSS单词值参数:
none : 无装饰
blink : 闪烁
underline : 下划线
line-through : 贯穿线
overline : 上划线
text-decoration:none 无装饰,通常对html下划线标签去掉下划线样式
text-decoration:underline 下划线样式
text-decoration:line-through 删除线样式-贯穿线样式
text-decoration:overline 上划线样式
一、实现所需CSS样式:
用text-decoration:none;实现下划线去掉;用text-align:center设置文字居中
二、代码实现:
没有加样式的效果
三、添加样式效果:
四、最终的效果:
设置text-decoration属性的值为none就可去掉超链接的默认下划线。text-decoration属性规定添加到文本的修饰,而none值定义标准的文本,设置该值即可去掉下划线。
属性值:
none:无装饰,通常对html下划线标签去掉下划线样式
underline:下划线样式
line-through:删除线样式-贯穿线样式
overline:上划线样式
注释:修饰的颜色由 "color" 属性设置。
说明
这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持 blink。
示例:
!DOCTYPE html
html
head
meta charset="utf-8"
style
.demo a{
text-decoration: none
}
/style
/head
body
p
a href="#"这是一个正常链接,有下划线!/a
/p
p class="demo"
a href="#"去掉下划线的链接!/a
/p
/body
/html
1、新建html文档,在html文档的bady标签中添加一个a标签,然后为这个标签添加“href”属性和属性值:
2、将编辑好的代码保存,然后用浏览器打开html文档,这时可以在网页中看到a标签的下划线:
3、添加style标签,然后为a标签设置“text-decoration:none;”css样式,刷新浏览器,这时浏览器中的下划线就会被去掉:
下划线是属于一种修饰,css其实很多都是顾名思义的,
去掉a标签的下划线就是text-decoration:none; 意思就是设置文本修饰属性为无。