Question

用CSS+div，想让每一行文字下面都有一条虚线，怎么设置？如新闻页面

用CSS+div，想让每一行文字下面都有一条虚线，怎么设置？
我是用在淘宝页面中的宝贝详情页面，如图

Answer 1

定义文字行高 在所在层加背景样式 就是说 虚线 是一个图片
<div style="background:url(line.gif);line-height:20px;">文字文字文字...</div>
做一个和行高相同的图片如：20px 就行了。。。

Answer 2

border-bottom:1px soild #dadada;
<style>
#google{float:left;width:100%;margin:0 auto;padding:0px;}
#google li{float:left;width:100%;margin:0 auto;padding:0px;text-align:left;border-bottom:1px dashed #dadada;line-height:24px;}
</style>

<ul id="google">
<li>11111111111111</li>
<li>222222222222222</li>
<li>333333333333333</li>
</ul>

Answer 3

<div style="text-decoration:underline;">测试文字等等</div>

Answer 4

<span style=" border:none; border-bottom:dotted 1px gray">测试文本</span>

Answer 5

你这个是P文本段落吧 P{border-bottom:1px dashed #ccc; text-indent:22px;}OK了

Answer 6

<p style=" border-bottom:1px dashed #999">测试文本</p>