使用CSS样式表美化列表

2021-06-19    分类： 网站建设

使用CSS样式表美化列表

在引入Css后，利用Css样式表中有关列表的属性来定义列表，能使列表样式更加丰富、美观。本节将介绍用CSS设且列表属性，主要包括列表符号样式、列表缩进等。

1.列表符号样式list一style一type

列表符号样式默认的是实心圆，如果要定义其他符号效果，可以通过list - style一type属性来设x。这个属性可以定义整个列表的符号样式，也可以针对其中的某个列表项<h>来定义，表7一1为其属性取值。


实例代码如下:

<html>
<head>
< title > CSS定义列表符号</title >
<style type="text/css”>
<!一一
h2{
font一family:，，隶书”:
font一size:16pt;
}
ul{
list一style一type:disc;
)
.p1{
list一style一type:square;
}
.p2{
list一style一type:circle;
}
.p3{



<li>电子音乐</li>

</ul>

</article>

</body>

</html>

新闻标题：使用CSS样式表美化列表
文章来源：https://www.cdcxhl.com/news32/118032.html

成都网站建设公司_创新互联，为您提供定制开发、响应式网站、全网营销推广、服务器托管、品牌网站制作、网站内链

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

成都网页设计公司

网站建设知识

行业网站建设