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
.li a{margin-left:20pxmargin-top:12pxdisplay:blockwidth:20px}详情：
a标签写样式时要加display:block属性，
这样a标签就显示一行了。
一个li下面有多个a标签的话，就得给他们定宽度，
必要的情况下就float:left
希望能帮到你！
<head><style>
ul li{list-style:none（取消LI标签默认样式，就是前边自带的小圆点，你需要远点的话可以直接在文字前边添加“·”符号就可以）}
ul li a:hover{
background: #f00（背景变红，注：可能无法实现，因为A标签没有块级显示，需要定义display: block）
color：#f00（鼠标滑过，文字变红。）
}
</style>
</head>
<ul>
<li><a>文字</a></li>
</ul>
