Dreamweaver MX 2004 打造细线表格

时间： 2021-07-31 作者：daque

即使只是是设置表格的边框为1(border="1")和边框脸色值(如bordercolor="#000000")，表格线本来是2px的，要做细线表格，有三种本领：　　1.在dreamweaver中按ctrl+alt+t，弹出插入表格的对话框，参数树立如图(带红框项为恒定值，要不失效果)：

dreamweaver mx 2004 打造细线表格图1

　　选中表格，在属性面板中树立表格的后台脸色：

dreamweaver mx 2004 打造细线表格图2

　　光标定位到第一个单位格里，按住shift键单击结果一个单位格，全选一切单位格，而后在属性面板中树立一切单位格的脸色：

dreamweaver mx 2004 打造细线表格图3

　　实行后功效如图：

dreamweaver mx 2004 打造细线表格图4

　　2.运用表格的暗边框(bordercolordark)和亮边框(bordercolorlight)属性做的细线表格：仍旧按ctrl+alt+t插入表格，在对话框中树立如图(带红框项为恒定植，要不失效果)

dreamweaver mx 2004 打造细线表格图5

　　选中表格后按f9，打开"tag inspector"面板组，在"attributes"面板中树立如图：

dreamweaver mx 2004 打造细线表格图6

　　实行后如图：

dreamweaver mx 2004 打造细线表格图7

　　3.树立表格的css属性border-collapse为collapse：按ctrl+alt+t插入表格，对话框的树立同法2。选中表格，在属性面板中树立表格的边框脸色：

　　按f9打开"tag inspector"面板，在"attributes"面板中的"style"里填入"border-collapse:collapse;"

dreamweaver mx 2004 打造细线表格图8

　　实行后如图：

dreamweaver mx 2004 打造细线表格图9

　　提防：法3所作的细线表格只实用于ie5+，兼容性最佳的是法1，法二并不是庄重意旨上的细线表格。　　本领：法第11中学不妨用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 mx 2004 打造细线表格图10

Dreamweaver MX 2004 打造细线表格

相关推荐

推荐下载

热门阅览

最新排行