在CSS里怎样让列表前面的项目符号显示出来

html-css017

在CSS里怎样让列表前面的项目符号显示出来,第1张

一般默认情况下那个项目符号是有的。如果是定义了ul{list-style:none},那个项目符号就没有了,在这种情况下,你可以用list-style-type把那个项目符号显示出来,其中list-style-type的取值可以是下面这些:

disc : 默认值。实心圆

circle : 空心圆

square : 实心方块

decimal : 阿拉伯数字

lower-roman : 小写罗马数字

upper-roman : 大写罗马数字

lower-alpha : 小写英文字母

upper-alpha : 大写英文字母

none : 不使用项目符号

1、打开Dreamweaver软件,新建一个html页面,保存成为html。

2、在body中进行书写,先写div如图,写三个div板块。

3、用css对div进行控制,一种方式是直接使用内联样式,也就是直接在html中的style中进行书写div的css样式。

4、保存,运行,测试效果,在chrome浏览器中打开。

5、新建一个css样式,保存为style.css。在style.css中书写css样式。

6、保存,运行,测试效果,在浏览器打开。

用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>