每日笔记，用css设置列表
HTML 列表和 CSS 列表属性
在 HTML 中，列表主要有两种类型：
无序列表（<ul>）- 列表项用的是项目符号标记
有序列表（<ol>）- 列表项用的是数字或字母标记
CSS 列表属性使您可以：
为有序列表设置不同的列表项标记
为无序列表设置不同的列表项标记
将图像设置为列表项标记
为列表和列表项添加背景色
不同的列表项目标记
list-style-type 属性指定列表项标记的类型。
下例显示了一些可用的列表项标记：
实例
ul.a {
list-style-type: circle;
}
ul.b {
list-style-type: square;
}
ol.c {
list-style-type: upper-roman;
}
ol.d {
list-style-type: lower-alpha;
}无序列表实例：
Coffee
Tea
Coca Cola
Coffee
Tea
Coca Cola
有序列表实例：
Coffee
Tea
Coca Cola
Coffee
Tea
Coca Cola
图像作为列表项标记
list-style-image 属性将图像指定为列表项标记：
实例
ul {
list-style-image: url('sqpurple.gif');
}定位列表项标记
list-style-position 属性指定列表项标记（项目符号）的位置。
"list-style-position: outside;" 表示项目符号点将在列表项之外。列表项每行的开头将垂直对齐。这是默认的：
Coffee - 用烘焙过的咖啡豆制成的冲泡饮料
Tea
Coca-cola
"list-style-position: inside;" 表示项目符号将在列表项内。由于它是列表项的一部分，因此它将成为文本的一部分，并在开头推开文本：
Coffee - 用烘焙过的咖啡豆制成的冲泡饮料
Tea
Coca-cola
实例
ul.a {
list-style-position: outside;
}
ul.b {
list-style-position: inside;
}咖啡-用烘焙过的咖啡豆制成的冲泡饮料，烘焙过的咖啡豆是来自咖啡植物的浆果的种子
茶-一种芳香饮料，通常通过将热水或沸水倒在茶树的固化叶子上而制得，茶树是一种原产于亚洲的常绿灌木（灌木）
可口可乐-由可口可乐公司生产的碳酸软饮料。该饮料的名称指的是其两种原始成分，即可乐果（一种咖啡因）和古柯叶。
咖啡-用烘焙过的咖啡豆制成的冲泡饮料，烘焙过的咖啡豆是来自咖啡植物的浆果的种子
茶-一种芳香饮料，通常通过将热水或沸水倒在茶树的固化叶子上而制得，茶树是一种原产于亚洲的常绿灌木（灌木）
可口可乐-由可口可乐公司生产的碳酸软饮料。该饮料的名称指的是其两种原始成分，即可乐果（一种咖啡因）和古柯叶。
删除默认设置
list-style-type:none 属性也可以用于删除标记/项目符号。请注意，列表还拥有默认的外边距和内边距。要删除此内容，请在 <ul> 或 <ol> 中添加 margin:0 和 padding:0 ：
实例
ul {
list-style-type: none;
margin: 0;
padding: 0;
}Default list:
Coffee
Tea
Coca Cola
删除项目符号、外边距和内边距：
Coffee
Tea
Coca Cola
