如何用CSS定义标签li前面的小点，很小的点，不是默认的大圆点？不要图片做背景能做到吗？

html-css08

如何用CSS定义标签li前面的小点，很小的点，不是默认的大圆点？不要图片做背景能做到吗？,第1张

不行，如果是使用css自带的list-style属性定义前面的小圆点则不同浏览器，不同版本均有自己的解析方法，无法通过css实现具体控制，淘宝的是背景图片，使用css的list-style定义不确定因素太大，如果要求严格美观的页面布局应该在整个css中预先就清除列表元素的list-style属性然后用背景图片实现效果

无法直接用样式替换，需要做图片代替，例子如下

<style type="text/css">

ul{ list-style-type:nonemargin:0}

li{padding-left:16pxbackground:url(images/bg.gif) 7px center no-repeat} 小点做成图片

</style>

</head>

<body>

<ul>

<li>内容</li>

<li>内容</li>

</ul>

</body>

在DW中用CSS使链接文字变大并在前面加一个小点，我们可以使用ul、li来包裹着这个a然后在设置超链接的文字变大，通过font-size这个属性就行，不要去除掉ul、li的默认属性，默认就会有点的，具体看代码：

<html>

<head>

<style>

#div1{

width:600px

height:40px

font-size:13px

}

#div1 a{

font-size:15px

}

</head>

<body>

<div id='div1'>

<ul>

<li><a href=''>测试1</a></li>

<li><a href=''>测试2</a></li>

</ul>

</div>

</body>

</html>