Css基本样式————列表

简介:

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

二、属性

    list-style        简写列表项

    list-style-image    列表项图像

1
2
3
ul li{
     list-style-image: url("1.jpg");
}

    list-style-position    列表标志位置

1
2
3
4
5
6
ul.ul1{
     list-style-position: inside;
}
ul.ul2{
     list-style-position: outside;
}

    list-style-type        列表类型

1
2
3
4
5
6
ul li{
     list-style-type:circle;
}
ul li{
     list-style-type:decimal;


本文转自yeleven 51CTO博客,原文链接:http://blog.51cto.com/11317783/1771964
相关文章
|
1月前
|
前端开发
web前端开发-----CSS样式设置
web前端开发-----CSS样式设置
32 0
|
1月前
|
前端开发 JavaScript
css之伪类hover改变自身、子元素、其他元素的样式
css之伪类hover改变自身、子元素、其他元素的样式
28 0
|
1月前
|
前端开发 JavaScript
webpack成长指北第7章---webpack的css\less\scss样式打包
webpack成长指北第7章---webpack的css\less\scss样式打包
42 0
|
13天前
|
前端开发
|
17天前
|
移动开发 前端开发
【通用CSS模板】移动端H5页面统一样式.css
【通用CSS模板】移动端H5页面统一样式.css
|
21天前
|
XML 前端开发 数据格式
css添加样式
【4月更文挑战第4天】css添加样式
21 9
|
1月前
|
前端开发 JavaScript
从0到1:用HTML、CSS和JavaScript构建一个简单的待办事项列表
从0到1:用HTML、CSS和JavaScript构建一个简单的待办事项列表
26 0
|
1月前
|
JavaScript 前端开发
如何在 Vue 中进行样式绑定和scoped CSS?
如何在 Vue 中进行样式绑定和scoped CSS?
15 0
|
1月前
|
前端开发
uni-app中基于bootstrap的css样式
uni-app中基于bootstrap的css样式
23 0
|
1月前
|
前端开发 开发者
编程笔记 html5&css&js 017 HTML样式
编程笔记 html5&css&js 017 HTML样式