织梦二次开发,二次开发,李丕长,网站php二次开发,做网站,模板设计,jquery效果,jquery特效

当前位置: 主页 > 网友推荐 >

虚线列表的实现

时间:2013-09-15 13:12作者:露馨儿 点击:
li标签的高度为ul高度的一般,使用border-bottom: 1px dotted #DDD;来做虚线

 <style type="text/css">

li {
line-height: 30px;
height: 30px;
}
li p {
float: left;
background:#fff;
}
li span {
display: block;
float: right;
background:#fff;
}
li div {
height: 15px;
border-bottom: dotted 1px #DDD;
}
</style>
<body>
<ul>
<li>
    <div>
      <p> <a href="">数学测试符号</a> <em>2012.02.30</em> </p>
      <span> <a href="">回复(0)</a> </span>
    </div>
  </li>
  <li>
    <div>
      <p> <a href="">数学测试符号</a> <em>2012.02.30</em> </p>
      <span> <a href="">回复(0)</a> </span>
    </div>
  </li>
  <li>
    <div>
      <p> <a href="">数学测试符号数学测试符号数学测试符号数学测试符号数学测试符号</a> <em>2012.02.30</em> </p>
      <span> <a href="">回复(0)</a> </span> </div>
  </li>
</ul>
</body>
注意:常犯错误,误解,我把容器始终作为全包的,其实有时容易没必要自动撑开

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
发布者资料
露馨儿 查看详细资料 发送留言 加为好友 用户等级:高级会员 注册时间:2013-06-08 09:06 最后登录:2014-02-20 15:02
无觅相关文章插件,快速提升流量