读书人

小弟我刚学CSDN这种蓝线条表格是如何

发布时间: 2012-04-14 17:14:21 作者: rapoo

我刚学,CSDN这种蓝线条表格是怎么做的?
下面是一个表格的HTML
问:如何写样式单,让表格线的样式和本页的兰线条一模一样,我研究了本页代码,没搞明白
我知道 <talbe bordercolor= "#FF0000 "> 可以定义表线色,但它达不到CSDN本页的这种效果,所以想问css如何写, 请使用内联式的写法

<table style="width:100%;">
<tr>
<td>
 </td>
<td>
 </td>
</tr>
<tr>
<td>
 </td>
<td>
 </td>
</tr>
</table>

[解决办法]

HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">    <head>        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />        <title></title>    </head>    <body>        <table style="width:100%; border-spacing:0; border-collapse:collapse;">          <tr style="background:#0CF">          <td>           </td>          <td>           </td>          </tr>          <tr style="background:#000">          <td>           </td>          <td>           </td>          </tr>        </table>    </body>    </html>
[解决办法]
HTML code
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>test</title><style>.bluelinetable{    border-collapse:collapse;    width: 600px;}.bluelinetable td{    border: 1px solid #A9CBEE;}</style></head><body>    <table class="bluelinetable">          <tr>              <td rowspan="3" width="20%" align="center">发言人信息</td>              <td style="font-size:12px;">回复于:2012-04-11 10:50:01</td>          </tr>          <tr>              <td style="font-size:14px;"><p>下面是一个表格的HTML问:如何写样式单。</p></td>          </tr>          <tr>              <td style="font-size:12px;">回复次数:3</td>          </tr>    </table></body></html> 

读书人网 >CSS

热点推荐