利用css来改变列表的样式

之前在HTML中,改变列表前面的样式可以在<ul>或者<ol>中用type属性来,

在<ul>中可以让其为空心圆点,正方形,在<ol>中可以为字母顺序,古罗马等,

而用css可以更好的改变列表项的标志。

改变列表项的类型:

list-style-type

ex:

ul{list-style-type:circle;}

列表项的图像:

list-style-image:url;

列表标志的位置:

list-style-position

有inside,和outside两个value,唯一的不同是,inside的选项距离选项卡近一点,

而outside的远一点。

像背景一样,可以简写:

list-style:url squar inside;

猜你喜欢

转载自blog.csdn.net/weixin_41060905/article/details/81142904