会员中心 会员中心  付款方式 付款方式  代理加盟 联系我们  有问必答  全国免费热线：020-28990112
用户名: 密码: 验证码:     
 



网页设计--如何实现表格细线边框的做法


http://www.okit88.com    发布日期:2011/10/27 9:49:17    浏览次数:904     < 返回 >
<P>&nbsp;网页设计作为一种视觉语言，特别讲究编排和布局。因此我们在设计网页时有时会要添加一些表格，但是如果表格边框的线太粗的话会影响整个网页的美观度，今天我们讲的是如何实现表格细线边框的做法，大致上有以下几种方式：<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 一、把表格的cellspacing设置为1，cellpadding和border均为0，分别填充表格的背景色和单元格的背景色。<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 举例如下：<BR>＜table width="550" border="0" cellspacing="1" cellpadding="0" bgcolor="#666666"＞<BR>＜tr bgcolor="#FFFFFF"＞ <BR>＜td＞ ＜/td＞<BR>＜/tr＞<BR>＜tr bgcolor="#FFFFFF"＞ <BR>＜td＞ ＜/td＞<BR>＜/tr＞<BR>＜/table＞<BR><BR>二、把cellspacing、cellpadding、border均设置为1，分别设定表格的边框色和内部单元格的边框色，注意使内部单元格的边框色和网页背景色或表格背景色相同，这样内部的边框看上去就和背景融为一体了。<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 举例如下：<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ＜table width="550" border="1" cellspacing="1" cellpadding="1" bordercolor="#666666"＞<BR>＜tr bordercolor="#FFFFFF"＞ <BR>＜td＞ ＜/td＞<BR>＜/tr＞<BR>＜tr bordercolor="#FFFFFF"＞ <BR>＜td＞ ＜/td＞<BR>＜/tr＞<BR>＜/table＞<BR><BR>三、用CSS定义表格的边框宽度为1个像素。先设置CSS类table1 { border-top: 0px; border-right: 0px; border-bottom: 0px; border-left:0px}，然后在＜table＞标签里添加class="table1"。<BR><BR>四、做一个和表格等大的图片作为表格的背景，尤其当你想使表格边线有倒角时。</P>
 
www.vcitv.com
www.chineseap.com
www.bestzs.com
www.591114.com
www.pyvip.com