如何使用CSS工具创建列表

2025-10-25 19:33:18

1、列表类型。每一种不同的标志可以用来表达一种列表的数据类型。

ul {list-style-type : square}

如何使用CSS工具创建列表

2、列表不仅仅可以用现成的图形来表示,列表还可以通过网站上的图像来表示。

ul li {list-style-image : url(xxx.gif)}

如何使用CSS工具创建列表

3、列表不仅仅有相对应的形式,更有其固定的位置。

列表标志位置

ul  {  list-style-position:inside;  }

如何使用CSS工具创建列表

4、对于样式比较多的列表信息,我们还可以放在一个声明当中。

li {list-style : url(example.gif) square inside}

如何使用CSS工具创建列表

5、一个展现不同标志的列表style。

<style type="text/css">

ol.decimal {list-style-type: decimal}

ol.lroman {list-style-type: lower-roman}

ol.uroman {list-style-type: upper-roman}

ol.lalpha {list-style-type: lower-alpha}

ol.ualpha {list-style-type: upper-alpha}

</style>

如何使用CSS工具创建列表

6、一个展现不同位置的列表标志!

<style type="text/css">

ul.inside 

{

list-style-position: inside

}

ul.outside 

{

list-style-position: outside

}

</style>

如何使用CSS工具创建列表

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢