在DW中如何用CSS使链接文字变大并在前面加一个小点？

html-css025

在DW中如何用CSS使链接文字变大并在前面加一个小点？,第1张

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

方法有：

1、用图片

2、用中文标点符号（•）

3、用<li>标签（推荐！）

4、给其他标签增加下述css属性，也可实现类似li标签的功能：

<div style="display:list-itemlist-style-type:discmargin-left:2em">文字文字文字</div>

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

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