Question

求div ul li ，每一个 li 中间的虚线是怎么形成的

<div>
<ul>
<li>
<p><span style="font-size: 14px;"><strong>扎堆网 发现生活中的美好</strong></span></p>
<p><span style="font-size: 14px;">专注都市生活 记录欢乐岁月</span></p>
</li>

<li>
<p><span style="font-size: 14px;"><strong>故事扎堆 用分享演绎故事</strong></span></p>
<p><span style="font-size: 14px;">记录精彩瞬间 讲述感人故事</span></p>
</li>

<li>
<p><span style="font-size: 14px;"><strong>朋友扎堆 用感动诠释友情</strong></span></p>
<p><span style="font-size: 14px;">寻找共同兴趣 交到知心朋友</span></p>
</li>

<li>
<p><span style="font-size: 14px;"><strong>扎堆现实 将友情融入生活</strong></span></p>
<p><span style="font-size: 14px;">一一二二三三 三三二二一一</span></p>
</li>

</div>
这是大致的代码

如果可以的话，我希望能鼠标靠近的时候变成浅灰色，移开又恢复了。
希望代码越简单越好，我怕看不懂。谢谢了
http无://siwababy无.com/?fromuid=521903

Answer 1

<style type="text/css">
*{ margin:0; padding:0;}
.box{ width:200px;}
.box a{ width:200px; height:60px; line-height:30px; border-bottom:1px dotted #999; text-decoration:none; display:block}
.box a:hover{ background:#ccc}
.box a strong{ height:30px; width:100%; float: left; overflow:hidden}
.box a span{ height:30px; width:100%; float: left; overflow:hidden}
</style>
<div class="box">
<a href="#">
<strong>sssssssssssssssssss</strong>
<span>bbbbbbbbbbbbbbbb</span>
</a>
<a href="#">
<strong>sssssssssssssssssss</strong>
<span>bbbbbbbbbbbbbbbb</span>
</a>
</div>
细节部分自己去改

Answer 2

你试一下这个：
设置li的样式为
li
{
border-bottom:1px dotted #ccc;
}

追问

在网站里。

追答

没明白你的意思！

Answer 3

li
{
border-bottom:1px dashed #ccc;
}

Answer 4

你该去学习 XHTML+CSS+DIV布局，不然讲了你也不明白~这个其实很常识，你上面贴的代码也不行，又是P 又是span还有strong,太乱了，还写了很多重复的样式，原因就是没有用css文件控制，如果是超链接，那么可以用a:hover{color:#eee;},如果不是也可以用li:hover {color:#eee;}来实现你的 功能