宽容他人,放过自己。

css列表样式(ul)

Posted on By anchoriteFili

/*
list-style : 简写属性,用于把所有用于列表的属性设置于一个声明中。
list-style-image : 将图像设置为列表项标志
list-style-position : 设置列表中列表项标志的位置。
list-style-type : 设置列表项标志的类型。
*/

/*作为列表项标记的图像*/
ul {
    list-style-image:url(../../../Pictures/Snip20160501_26.png);
}

ul {
    list-style-type:none;
    padding:0px;
    margin:0px;
}

/*
ul:
    设置列表样式类型为没有删除列表项标记
    设置填充和边距0px
ul中所有li:
    设置图像的URL,并设置它只显示一次(无重复)
    您需要的定位图位置(左0px和上下5px)
    用padding-left属性把文本置于列表中
*/

ul li {
    background-image:url(../../../Pictures/%E8%BE%B9%E6%A1%86.png);
    background-repeat:no-repeat;
    background-position:0px 5px;
    padding-left:14px;
}

/* 列表-缩写属性
使用缩写属性值的顺序是:
list-style-type
list-style-position
list-style-image
*/
ul {
    list-style:square url(../../../Pictures/%E8%BF%94%E5%9B%9E%E6%8C%89%E9%92%AE.png);
}