css如何设置无序列表的下划线

html-css030

css如何设置无序列表的下划线,第1张

你好,我根据你的要求编写了下面的代码,请参考:

<!--无序列表-->

<ul>

<li>第1个li元素</li>

<li>第2个li元素</li>

<li>第3个li元素</li>

</ul>

<!--下划线样式-->

<style>

ul li{text-decoration:underline}

</style>

如对以上代码仍有疑惑,欢迎追问。

因为你的所有标签都使用了text-decoration:underline的属性

如果想区分的话,可以在h1和p标签区分设置

h1{

text-decoration:underline

}

P则不设置或者可以这么设置:

p{

text-decoration:none(这样写的意思是不需要下划线,但这样写是多余的,还不如不写)

}

a{

text-decoration:none这个样式一般常用在去掉超链接的下划线!

}

还有问题可以追问,希望帮助到你!

css样式中怎么加入去下划线,我们无法通过css加下划线的,不过我们可以转化一下思路,我给这个文字添加一个下边框也是一样的实现,这里我用css的方式写段代码:

<html>

<head>

<style>

p{

width:200px 

height:20px

color:#F90

border-bottom: 1px solid #F90

}

</style>

</head>

<body>

<p>我i是测试文字</p>

</body>

</html>