1.文字居中定义文字居中始终是要的,所以首先给予ul外层div一个text-align(文本对齐:居中),还可以给一个“溢位:隐藏(overflow: hidden)”,当然也可以定义一下高和宽。
2.ul定义ul不能定义宽度,我们只能给一个定位,类型为相对(position: relative),置入左为50%(left: 50%),当然也可以给一个浮动。请注意,ul千万不能用溢位:隐藏(overflow: hidden),这样,部分li就无法显示。
3.li定义li的定义跟ul差不多,宽度不固定,同样给一个定位,类型为相对(position: relative),置入右为50%(right: 50%),恰恰和ul相反,这样定义后li就可以无论分页多少始终居中了。
css控制li和ul的边距,可以使用margin属性来实现或者padding属性都可以,在设置width和height属性时,计算好各自的距离,然后设置多少px就可以实现,下面介绍了一下简单的控制和去掉li前面圆点的方法一、CSS控制ul缩进间距的方法:
<style type="text/css">
ul{margin-left:-10px}
</style>
<ul>
<li>XXX</li>
</ul>
二、CSS去掉li点的三种方法:
方法一:
<ul>
<li style="list-style-type:none">XXX</li>
<li style="list-style-type:none">XXX</li>
<li style="list-style-type:none">XXX</li>
<li style="list-style-type:none">XXX</li>
</ul>
方法二:
<style type="text/css">
li{list-style-type:none}
</style>
<ul>
<li>XXX</li>
<li>XXX</li>
<li>XXX</li>
<li>XXX</li>
</ul>
方法三:
<style type="text/css">
.li_style{list-style-type:none}
</style>
<ul>
<li class="li_style">XXX</li>
<li class="li_style">XXX</li>
<li class="li_style">XXX</li>
<li class="li_style">XXX</li>
</ul>
意思就是html标签里的ul和li里都设置那些属性。只要有的属性都可以设置。 ul和li就是列表 追问: 他是自动套用吗? 还有,你说Ul 和 li 是列表? 能解释吗? 谢谢. 回答: <html> <head> </head> <body> <ou> <li>aaa</li> <ui>bbb</ui> </ou> </body> </html> 列表的应该是ou吧,就这样,li是 有序 列表,可以设置前边的显示比如1,2,3或者I,II,III,ul是 无序 的,前边只显示一个黑点。只要你的网页源文件有li或者ui 标签 就会自动套用那个css了,当然先得加载css。 就是这样的