怎样用CSS设置UL标签的列表符号?

html-css019

怎样用CSS设置UL标签的列表符号?,第1张

用CSS设置UL标签的列表符号,这个我们是不需要去设置的,因为ul默认就是标签符号的,如果你是使用了这个list-style:none;去掉了这个属性,然后你又想有的话,你就给这个ul一个id或者是class,然后在css中list-style-type:disc

!important这样就又有序号了,具体看代码:

<html>

<head>

<style>

#div1{

width:600px

height:40px

font-size:13px

list-style-type:disc

!important

}

</head>

<body>

<div

id='div1'>

<ul>

<li>测试1</li>

<li>测试2</li>

</ul>

</div>

</body>

</html>

首先你要把UL设置成浮动,就是添加float:left属性。

其次要注意UL的宽度问题,虽然你留了10PX,但实际中可能因为KK或UL的内外边距设置有问题,即使设置了float,UL也会被挤下去。

下面是代码, 你看看是不是你想要的那种效果!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

<!--

body { width:1095px}

.b ul { list-style-type: noneheight: 500px

}

.b ul li { border-bottom: 1px solid #000000border-left: 1px solid #000000height: 25pxwidth: 260pxfloat: left}

.s { border-top: 1px solid #000000}

.r { border-right: 1px solid #000000}

-->

</style>

</head>

<body>

<div class="b">

<ul>

<li class="s"></li>

<li class="s"></li>

<li class="s"></li>

<li class="s r"></li>

<li></li>

<li></li>

<li></li>

<li class="r"></li>

<li></li>

<li></li>

<li></li>

<li class="r"></li>

<li></li>

<li></li>

<li></li>

<li class="r"></li>

<li></li>

<li></li>

<li></li>

<li class="r"></li>

<li></li>

<li></li>

<li></li>

<li class="r"></li>

</ul>

</div>

</body>

</html>