错误博客( cuowu.com )发布于 2019-06-05 10:48:01

CSS列表

CSS列表属性允许你放置、改变列表项标志,或者将图像作为列表项标志。

CSS列表属性如下:

1)列表类型:list-style-type

属性值: disc、none、circle、square依次代表默认(实心圆)、无标记、空心圆、实心方块。 其他属性值还有很多,但不常用。

最好是用类选择器,使用ul.circle或ol.circle在文档中多次使用该类型。

例如:

<head>

<title>CSS列表</title>

<style type=”text/css”>

ul.square{

list-style-type:square;

}

</style>

</head>

<body>

<ul class=”square”>

<li>苹果</li>

<li>苹果</li>

</ul>

</body>

2)列表项图像:list-style-image

语法:list-style-image:url(图像位置) 用的比较多。毕竟可以DIY样式。

例如:

list-style-image:url(1.jpg);

3)列表标志位置:list-style-position

属性值:outside(默认值)、inside:列表项目标记在文本内且环绕文本。

例如:

list-style-position:inside;

4)列表简写:list-style

简写就是把上面属性都写在一起。

例如:

p{

list-style:square url(images/2.png) outside;

}

随机文章

小小课堂:【网站外链建设】外部链接优化推广必看秘籍
小小课堂:WordPress调用文章栏目与调用当前分类目录常见代码
Z-Blog教程
抖音带货真的能赚到钱吗?抖音健身带货
DNF7000智力奶被5000智力奶说一般-五十步笑百步酸的不行
DNF平民党不要想当然-注意下这些细节可以省不少花销
dnf罗杰的金表-60版本时血装的最佳手镯
天天酷跑老玩家回归跑出了一把高分局,没想到却因此被封号!

错误教程( cuowu.com )专注网推培训、SEO培训、抖音培训和网赚培训,微信/电话:13722793092

关注微信公众号:第一时间获得错误博客最新教程,让我们一起成长!

公众号二维码