设置li前面的方块大小

1.设置li列表前面的方块可以设置list-style-type:square;但这样显示的符号比较大,不知道如何解决,希望高手帮助啊。

也可以按下面的方法解决。

2
<style type="text/css">
body{font:14px ;}
a:link,a:visited{text-decoration:none;color:#999999;}
a:hover{color:red;text-decoration:underline;}
ul{list-style-type:none;}
ul li{padding-top:2px; font-family:"宋体";} /*关键是红色显示的部分,如果没有这句,显示的符号非常小*/
</style>

<ul>
<li>·<a href="http://www.dzwindows.com">德州之窗网</a></li>
<li>·<a href="http://www.dzwindows.com">德州之窗网</a></li>
<li>·<a href="http://www.dzwindows.com">德州之窗网</a></li>
<li>·<a href="http://www.dzwindows.com">德州之窗网</a></li> 
<li>·<a href="http://www.dzwindows.com">德州之窗网</a></li>
</ul>

3. 最近在写页面的时候发现了另一个问题。

就是我把写好的样式放到了一个样式表中,其中的字体也设置为宋体。但看页面时,li前面的圆点还是很小。

最后又在页面的的顶部加入了 font-family:"宋体";的样式后才显示正常。自己也不理解了。汗。。还请高手解释下。。

你可能感兴趣的:(设置li前面的方块大小)