a.
list-style-type:circle /*圆圈*/
list-style-type:square /*方块*/
list-style-type:upper-roman/*希腊数字*/
list-style-type:lower-alpha/*英文排序*/
list-style-image: url('demo.png');/*标记加图片*/
b.
兼容
ul
{
list-style-type:none;
padding:0px;
margin:0px;
}
ul li
{
background-image:url('demo.png');
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:14px;
}
列表
无序列表实例:
- Coffee
- Tea
- Coca Cola
- Coffee
- Tea
- Coca Cola
有序列表实例:
- Coffee
- Tea
- Coca Cola
- Coffee
- Tea
- Coca Cola
/*圆圈*/
/*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;*/
/*}*/
/*!***/
/*标记加图片*/
/**!*/
/*ul {*/
/*list-style-image: url('demo.png');*/
/*}*/
/*!***/
/*兼容*/
/**!*/
/*ul {*/
/*list-style-type: none;*/
/*padding: 0px;*/
/*margin: 0px;*/
/*}*/
/*ul li {*/
/*background-image: url('demo.png');*/
/*background-repeat: no-repeat;*/
/*background-position: 0px 5px;*/
/*padding-left: 14px;*/
/*}*/
