大侠,你好!想请问一下,在我用css控制前台样式的时候,我如何将字体下的下划线去掉。多谢!

2024-12-16 07:17:47
推荐回答(4个)
回答1:

楼上,armee20 你错了哦
主要是超链接的样式对吧,默认是下划线和蓝色的,改:
a { text-decoration:none; }
其他的都可以:p,div,h1 { text-decoration:none; }
当然,他们本来就是没有的

list-style是ul、ol、dl的列表符号
顺便说一下a的默认样式是:
a {
color:#00f; /*蓝色文字*/
text-decoration:underline; /*下划线*/
display:inline; /*行内显示*/
cursor:pointer; /*手形鼠标*/
}

回答2:

简单点就写
a { text-decoration:none; }//表示所有的a标签的下划线都去掉
----
也可以定义两个
a { text-decoration:none; }
a:hover { text-decoration:underline; }
表示鼠标移动到a标签上出现下划线,其他属性自己加。一般做网页定义这种类型就差不多了
----
复杂点的
a:link {...} /* 未访问的链接 */
a:visited {...} /* 已访问的链接 */
a:hover {...} /* 当有鼠标悬停在链接上 */
a:active {...} /* 被选择的链接 */
里面的属性可以自己定义。

回答3:

list-style:none;就可以搞定了
比如
p{list-style:none;}
a{list-style:none;}
请参考
www.w3school.com.cn

我这是错误的示范,答案请参考楼上。。。。

list-style是用于去掉li标签前的圆点。

回答4:

text-decoration:none
就可以了