网站知识百科
国际域名注册
网页设计中实现表格细线边框的做法
资料来源: 人气:

    网页设计很讲究编排和布局,在我们网页设计时有时会要添加一些表格,但是如果表格边框的线太粗的话会影响整个网页的美观度,我们讲的是如何实现表格细线边框的做法,常用的有以下几种方式:
       一、把表格的cellspacing设置为1,cellpadding和border均为0,分别填充表格的背景色和单元格的背景色。
        举例如下:
<table width="550" border="0" cellspacing="1" cellpadding="0" bgcolor="#666666">
<tr bgcolor="#FFFFFF">
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td> </td>
</tr>
</table>

二、把cellspacing、cellpadding、border均设置为1,分别设定表格的边框色和内部单元格的边框色,注意使内部单元格的边框色和网页背景色或表格背景色相同,这样内部的边框看上去就和背景融为一体了。
         举例如下:
        <table width="550" border="1" cellspacing="1" cellpadding="1" bordercolor="#666666">
<tr bordercolor="#FFFFFF">
<td> </td>
</tr>
<tr bordercolor="#FFFFFF">
<td> </td>
</tr>
</table>

三、用CSS定义表格的边框宽度为1个像素。先设置CSS类table1 { border-top: 0px; border-right: 0px; border-bottom: 0px; border-left:0px},然后在<table>标签里添加class="table1"。

四、做一个和表格等大的图片作为表格的背景,尤其当你想使表格边线有倒角时。
创思设计
服务热线:(86)020-33038969 粤ICP备07028118号
联系我们 | 在线咨询 | 网站建设 | 网站百科
网站建设知识 网络营销知识 网页设计知识 网页技术代码 网页素材下载 网站技术杂谈
Web Design© canthing.net网页设计爱好者提供的学习平台,网站开发制作提供参考资料