作者：易水寒
【IT168 实用技巧】细线框表格是我们在网页制作中经常需要用到的效果之一，制作细线框表格的方法很多，代码兼容性最高的还是单元格背景填充法，不过常规写法产生的垃圾代码较多，今天我们转换思路用CSS来实现该效果。整个过程完全在Dreamweaver可视化界面下完成，不需要大家手工写任何代码，非常简单。
新建CSS样式
运行Dreamweaver，点击菜单“窗口”→“CSS样式”调用CSS面板。在面板中点击“新建CSS规则”按钮，如图1。
进入“新建CSS规则”对话框，将“选择器类型”设置为：高级；键入“选择器”名称：.bk(名称由大家任意确定，但该样式以后会反复调用，不可搞错)；“定义在”设置为“仅对该文档”，点击“确定”按钮完成，如图2。
现在名为“.bk”的CSS就建立好了，接下来我们为它添加一个子选择器。继续在CSS面板中点击“新建CSS规则”按钮，基本设置如图2，不过选择器名称定义为“.bk td”(表示这是一个依附于.bk的子样式)。依然进入“CSS规则定义”对话框，继续设置背景颜色，本例值为“#FFFFFF”，即白色，点击“确定”按钮完成。
至此在CSS面板中就能看到两个新建好的CSS样式了，以后你就可以任意调用了，如图4。 图4
Copyright ＠ 2007-2012 敏韬网(敏而好学，文韬武略--MinTao.Net)（学习笔记） Inc All Rights Reserved. 闵涛 E_mail:admin@mintao.net(欢迎提供学习资源)
鄂公网安备 42011102001154号
站长：MinTao ICP备案号：鄂ICP备11006601号-18
图4
注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！ 本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网] 
