网络编程
位置:首页>> 网络编程>> 网页设计>> 细线表格的处理

细线表格的处理

作者:纯真 来源:纯真 发布时间:2008-08-06 12:53:00 

标签:表格,边框,设计

在HTML中,我们设置border=”1″ 时,表格边框实际大小是2px,那如果我们要做成1px的细线表格要怎么办?以前在做1px的表格的时候,我会用表格背景颜色,然后再用另一种颜色设计单元格的背景,再把表格间距设置成1px,这样就能达到我们的1px表格了,

如下例:

这种方法虽然可以实现,但是页面里的代码多了很多,而且要控制局部也相对麻烦些。


下面的这种方法及其简单,html代码也减少了很多,结构更加的清晰。
css代码:

<style type="text/css">
<!--
table{
border-collapse:collapse;
}
td{
background:#ffc;
border:solid 1px #f90;
height:22px;
}
-->
</style>

html代码:

<table width="80%" align="center">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com