相关文章
企通互联首页管理
北京网页设计在html中接收地址栏中的参数
网站设计纯CSS搞的alt跟title效果
网页设计第五节 html源文件操作
北京网站建设Flash MX 2004编程教程(八)
北京网站建设Flash作品的播放保护
北京网站建设FLASH MX 2004视频教程:宝泉奶粉广告制作(一)
北京网页设计Flash视频教程:5.2 动画播放跳转
网站设计Dreamweaver中加入竖直线的办法
网页设计如何使表单提交后在新窗口中显示处理结果?
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站制作 >> 网站建设北京网站设计Dreamweaver MX 2004 打造细线表格(2)
网站建设北京网站设计Dreamweaver MX 2004 打造细线表格(2)
作者: 北京网站建设 日期:2008-03-27 06:03:34 来源: http://www.qitongnet.com
3.设置表格的CSS属性border-collapse为collapse:按Ctrl+Alt+T插入表格,对话框的设置同法2。选中表格,在属性面板中设置表格的边框颜色: 北京网站建设企通互联
按 北京网站制作F9展开"Tag Inspector"面板,在"Attributes"面板中的"style"里填入"border-collapse:collapse;" 北京网页设计
北京网站设计 完成后如图: 网站设计
注意:法3所作的细线表格只适用于IE5+,兼容性最好的是法1,法二并不是严格意义上的细线表格。 北京网站设计
技巧:法1 北京网页设计中可以用CSS定义表格单元格的背景颜色,以减少代码量: 网站建设北京网站建设
企通互联
<style> 北京网页设计
.thin{background:#000000} 网站建设
.thin td{background:#FFFFFF} 企通互联
</style> 网站制作
<table width="200" border="0" cellspacing="1" cellpadding="0" class="thin"> 企通互联
<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>
网站制作

按 北京网站制作F9展开"Tag Inspector"面板,在"Attributes"面板中的"style"里填入"border-collapse:collapse;" 北京网页设计

北京网站设计 完成后如图: 网站设计

注意:法3所作的细线表格只适用于IE5+,兼容性最好的是法1,法二并不是严格意义上的细线表格。 北京网站设计
技巧:法1 北京网页设计中可以用CSS定义表格单元格的背景颜色,以减少代码量: 网站建设北京网站建设
企通互联
<style> 北京网页设计
.thin{background:#000000} 网站建设
.thin td{background:#FFFFFF} 企通互联
</style> 网站制作
<table width="200" border="0" cellspacing="1" cellpadding="0" class="thin"> 企通互联
<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>
上一篇:企通互联DreamWeaver打造Web查询系统(1)
下一篇:网站设计Dreamweaver MX 2004 打造细线表格(1)