表边框上的CSS

时间:2012-02-19 16:21:33

标签: html css

我是CSS新手并遇到一个小问题。我正在创建一个新闻Feed页面,想要将每个Feed与另一个分开。请查看我附加的图片以查看我确切想要的内容。enter image description here < / p>

继承人到目前为止我所尝试的......

<html>
 <style type = text/css>
td.border
{
border-right-style: hidden;
border-left-style: hidden;
border-top-style: hidden;
border-bottom-color: #999;
}
</style>
<table width="90%" align="center" cellpadding="4"   bgcolor="#A6D2FF">
    <tr>
      <td width="7%" bgcolor="#FFFFFF"><a    href="http://www.project360.in/emp_profile.php?id=uid">Name</a><br />
      </td>
      <td width="93%" class = "border" bgcolor="#D9ECFF"> <span style="font-size:10px;  font-weight:bold; color:#A6A6A6;">Date</span><br />
      ufeed</td>
    </tr>
  </table>
</html>

1 个答案:

答案 0 :(得分:1)

你应该尝试使用border-top / left / right / bottom而不是* -style和* -color:

td.border
{
border-right: none;
border-left: none;
border-top: none;
border-bottom: 1px #999 solid;
}

如上所述 - 你不应该把表用于那样的事情。