css中列表相关样式属性

回复

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

一、列表

1、列表样式

属性：list-style-type

1、无序列表取值：

none ：无标记

disc ：实心圆，默认

circle ：空心圆

square ：实心矩形

2、有序列表取值：

none ：无标记

decimal ：数字（1,2,3）默认值

lower-roman : 小写罗马数字

upper-roman : 大写罗马数字

由于普通列表比较简单，在此就不举例了。

2. 列表项图像：

属性：list-style-image

取值：url( );

list-style-image:url(xxx/xxxx.jpg);

列表项位置：（li 前面标识的位置）

属性：list-type-position

取值：

1、outside ：默认值，标识在外

2、inside ：标识在内

列表属性：

属性：list-style

取值：type url(图像) position;

list-style:circle url(user.jpg) inside;

list-style:none; /*取消列表标识*/

现在我想让

成为下列列表的样式：

<!DOCTYPE html >
<head>
<title>文本格式</title>
<meta charset="utf-8" />
<style>
ul.parent ul li{
list-style-image:url(star.jpg );
}
</style>
</head>
<body>
<ul class="parent">
<li>账户
<ul>
<li>基本信息</li>
<li>修改密码</li>
</ul>
</li>
</ul>
</body>
</html>

复制代码

页面效果如下：

[HTML5开发] css中列表相关样式属性

[HTML5开发] css中列表相关样式属性

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

阅读推荐

浏览过的版块

用微信扫一扫

[HTML5开发] css中 列表相关样式属性

[HTML5开发] css中 列表相关样式属性

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

阅读推荐

浏览过的版块

用微信扫一扫

[HTML5开发] css中列表相关样式属性

[HTML5开发] css中列表相关样式属性