您的位置：首页 > Web前端 > CSS

CSS入门之列表样式用法及实例，list-style-image,list-style-type

2014-01-28 09:57 603 查看
列表图片分为两种：

list-style-image:none                          表示没有图片

list-style-image:url                              设定具体的图片

list-style-type可分为多种，较常见的有：

list-style-type:disc 默认值，实心圆

list-style-type:circle 空心圆

list-style-type:square 实心方块

list-style-type:decimal 阿拉伯数字

list-style-type:lower-alpha 小写英文字母

list-style-type:upper-alpha 大写英文字母

//style.css
body{
font-size:30px;
}

ul li{
list-style:url(E:/1.jpg);
line-height:200px;
letter-spacing:1em;
}

a{
text-decoration:none;
}

<html>
<head>
<title>列表实例</title>
<link rel="stylesheet" href="js.css" type="text/css"/>
</head>
<body>
<ul>
<li><a href="#">111111111</a></li>
<li><a href="#">222222222</a></li>
<li><a href="#">333333333</a></li>
</ul>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航