浏览主站 | 站长工具 | 新闻资讯 | 站长学院 | 站长盈利 | HTML教程 | 网址导航 | 站长周刊 | 会员投稿 | 滚动新闻 | RSS
发新话题
打印

[Web开发] 新闻列表表格自动分行+底边虚线

新闻列表表格自动分行+底边虚线

应用于<li>
在css中设定li的格式
ul.news{
margin:0;
padding:0;
list-style:none;
}
ul.news li{
  float:left;
  width:48%;
          border-top: none #893A19;
        border-right: none #893A19;
        border-bottom: 1px dotted #893A19;
        border-left: none #893A19;
  margin-right:5px;
}
调用方法:<ul class="news"><li></li></ul>
--------------------------------------------------------------------------------------
单元格底边虚线

<style type="text/css">
<!-- .1ps_table { border-top: none #FF9900; border-right: none #FF9900; border-bottom: 1px dotted #FF9900; border-left: none #FF9900; }
--> </style>

<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td class="1ps_table"> </td>
</tr>
</table>

TOP

发新话题