相关文章
第6章控制你的广告
(原创)浅析中创的价值和前途!
科技时代网页爱好者必看-
网页设计3.0SP2-显示同级栏目修改方法
北京网页设计让网页里的提交按钮变得更靓丽
北京网站制作HTML组件(HTML COMPONENTS)之二
北京网站建设DreamweaverMX Ultradev探索(3-2)
网站建设Flash 遮罩特效的综合操练(2)
北京网站制作FLASH8新功能体验:第二章 6.渐变斜角
网站设计简易实现DIV圆角的JavaScript代码
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站制作 >> 网站制作北京网页设计Dreamweaver MX 2004 打造细线表格
网站制作北京网页设计Dreamweaver MX 2004 打造细线表格
作者: 北京网站建设 日期:2008-03-27 06:03:35 来源: http://www.qitongnet.com
如果仅仅是定义表格的边框为1(border=1)和边框颜色值(如borderColor=#000000),表格线其实是2px的,要做细线表格,有三种方法:企通互联
企通互联
1.在Dreamweaver中按Ctrl+Alt+T 网页设计,弹出插入表格的对话框,参数设置如图(带红框项为固定值,否则无效果):网站建设
北京网站设计
北京网站设计北京网站建设
选中表格,在属性面板中设置表格的背景颜色:网站制作
北京网站设计
光标定位到第一个单元格里,按住Shift键单击最后一个单元格,全选所有单元格,然后在属性面板中设置所有单元格的颜色:北京网页设计
网页设计
:1北京网页设计
北京网站建设 网站制作
完成后效果如图:网站设计
北京网站设计
2.利用表格的暗边框(bordercolordark)和亮边框 企通互联(bordercolorlight)属性做的细线表格:还是按Ctrl+Alt+T插入表格,在对话框中设置如图(带红框项为固定植,否则无效果)网页设计
网站设计
选中表格后按F9,展开Tag Inspector面板组,在Attributes面板中设置如图:北京网站建设
网页设计
完成后如图:网站设计
北京网站制作
:2网站建设
网站设计
3.设置表格的CSS 北京网页设计属性border-collapse为collapse:按Ctrl+Alt+T插入表格,对话框的设置同法2。选中表格,在属性面板中设置表格的边框颜色: 北京网站制作网站设计
网页设计
按F9展开TagInspector面板,在Attributes面板中的style里填入border-collapse:collapse; 网站建设企通互联
北京网站设计
完成后如图:网站制作
北京网页设计
注意:法3所作的细线表格只适用于IE5+,兼容性最好的是法1,法二并不是严格意义上的细线表格。网站建设
网页设计
技巧:法1 www.qitongnet.com中可以用CSS定义表格单元格的背景颜色,以减少代码量
北京网页设计
企通互联
1.在Dreamweaver中按Ctrl+Alt+T 网页设计,弹出插入表格的对话框,参数设置如图(带红框项为固定值,否则无效果):网站建设
北京网站设计
北京网站设计北京网站建设
![]() |
北京网站设计
![]() |
网页设计
![]() |
北京网站建设 网站制作
完成后效果如图:网站设计
北京网站设计
![]() |
网站设计
![]() |
网页设计
![]() |
北京网站制作
![]() |
网站设计
3.设置表格的CSS 北京网页设计属性border-collapse为collapse:按Ctrl+Alt+T插入表格,对话框的设置同法2。选中表格,在属性面板中设置表格的边框颜色: 北京网站制作网站设计
网页设计
![]() |
北京网站设计
![]() |
北京网页设计
![]() |
网页设计
技巧:法1 www.qitongnet.com中可以用CSS定义表格单元格的背景颜色,以减少代码量
上一篇:网站设计Dreamweaver查找替换的技巧
下一篇:企通互联Dreamweaver MX 2004设计留言本实战(3)









