1、在ul样式中设置文本居左对齐。
ul {
padding:0
margin:0
text-align: left
list-style-type: none
}
2、标签大小不同,可以用自定义的背景图片代替标签样式。
ul li
{
background-image:url(sqpurple.gif)
background-repeat:no-repeat
background-position:0px 5px
padding-left:14px
}
扩展资料:
控制ul下具体的li:
1、ul li:first-child{ }
第一个li
2、ul li:last-child{ }
最后一个li
3、ul li:nth-child(4){ }
指定第几个,4就是代表第四个li
4、ul li:nth-child(2n+1){background:red}
匹配第1、第3、第5、…个li
5、ul li:nth-child(odd){background:red}
奇数的li
6、ul li:nth-child(even){background:red}
偶数的li