|
|
| 当前位置:首页 > 网页特效 > 纯HTML实现圆角表格 |
将以下代码插入在合适的单元格位置中:
<table style="table-layout: fixed" height=28 cellspacing=0
cellpadding=0 width="50%" border=0>
<tbody>
<tr height=3 width="100%">
<td> <table style="table-layout: fixed" height=3
cellspacing=0 cellpadding=0 width="100%" border=0>
<tbody>
<tr height=1>
<td width=1></td>
<td width=1></td>
<td width=1></td>
<td bgcolor=#000000></td>
<td width=1></td>
<td width=1></td>
<td width=1></td>
</tr>
<tr height=1>
<td></td>
<td bgcolor=#000000 colspan=2></td>
<td bgcolor=#efefef></td>
<td bgcolor=#000000 colspan=2></td>
<td></td>
</tr>
<tr height=1>
<td></td>
<td bgcolor=#000000></td>
<td bgcolor=#efefef colspan=3></td>
<td bgcolor=#000000></td>
<td></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td> <table style="table-layout: fixed" height="100%"
cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td width=1 bgcolor=#000000></td>
<td id=oinner bgcolor=#efefef>不要说我的眼泪你无所谓不要说我的眼泪你无所谓不要说我的眼泪你无所谓不要说我的眼泪你无所谓不要说我的眼泪你无所谓不要说我的眼泪你无所谓不要说我的眼泪你无所谓不要说我的眼泪你无所谓</td>
<td width=1 bgcolor=#000000></td>
</tr>
</tbody>
</table></td>
</tr>
<tr height=3 width="100%">
<td> <table style="table-layout: fixed" height=3
cellspacing=0 cellpadding=0 width="100%" border=0>
<tbody>
<tr height=1>
<td width=1></td>
<td width=1 bgcolor=#000000></td>
<td width=1 bgcolor=#efefef></td>
<td bgcolor=#efefef></td>
<td width=1 bgcolor=#efefef></td>
<td width=1 bgcolor=#000000></td>
<td width=1></td>
</tr>
<tr height=1>
<td></td>
<td bgcolor=#000000 colspan=2></td>
<td bgcolor=#efefef></td>
<td bgcolor=#000000 colspan=2></td>
<td></td>
</tr>
<tr height=1>
<td colspan=3></td>
<td bgcolor=#000000></td>
<td colspan=3></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
|
|
| 解说:如右上图所示。在代码中的汉字换成自己所需的文字即可,表格的背景色bgcolor=#efefef,可换成自己需要的颜色;边框颜色黑色想改,就把bgcolor=#000000换成自己所需的颜色。 |
|
|