|  | 设为首页 加入收藏 联系我们 |

|  | 首 页 行业资讯 网站运营 网络编程 数 据 库 网页设计 网络安全 网站推广 平面设计 服 务 器 JSPCMS |

| 站内搜索： 热门Tag： 淘特 CMS 门户 信息港 房产 汽车 旅游 分类信息 下载 JspCms 内容管理系统 更多>> |

现在位置：首页> 网页设计

编辑推荐
·用DW制作网页时关于文字自动换行的小技巧
·简单描述Adobe Dreamweave..
·Dreamweaver高级技术 标签选择..
·Dreamweaver自适应客户端分辨率..
·巧用背景颜色和间距制细边表格
·Dreamweaver制作网页经典问题大..
·用DW8制作网页中常用的过度效果
·Dreamweaver CS3 CPU使..
·16则Dreamweaver使用快技法
·用Dreamweaver进行网页优化

热门点击
·用DW制作网页时关于文字自动换行的小技巧
·简单描述Adobe Dreamweave..
·Dreamweaver高级技术 标签选择..
·Dreamweaver自适应客户端分辨率..
·巧用背景颜色和间距制细边表格
·Dreamweaver制作网页经典问题大..
·用DW8制作网页中常用的过度效果
·Dreamweaver CS3 CPU使..
·16则Dreamweaver使用快技法
·用Dreamweaver进行网页优化

图片推荐
·16则Dre..

巧用背景颜色和间距制细边表格
作者： 日期：2010-03-31 出处： 点击:

在Dreamweaver中插入一个表格，若设置其“边框(Border)”为1，预览时其边框线较粗。对于不熟悉HTML语言的网页制作者，如何快速制作出细边线的表格呢？下面，我给大家介绍一个小技巧--巧用背景颜色和间距制作细边线表格。 以制作一个4行3列、边框线为红色细线的表格为例： Step 1 在Dreamweaver的设计视图中插入一个4行3列的表格。 Step 2 在“属性”面板中设置此表格的属性如下：边距(CellPad)根据需要自行设置值(例如10)；间距(CellSpace)为1；边框(Border)为0；背景颜色(Bg Color)为红色。 Step 3 选中此表格的所有单元格，在“属性”面板中设置所有单元格的属性如下：背景颜色(Bg)为白色或红色以外的其他颜色。 最后，保存网页，按F12预览。怎么样，一个4行3列的红色细线表格是不是呈现在你面前？ 另外，如果我们照常想用表格来布局定位，但只要外边框线显示为细线，而内部单元格的分隔线不显示的效果，则可以配合使用嵌套表格。下面以表格外边框线为红色细线为例来说明操作方法： Step 1 在Dreamweaver的设计视图插入一个1行1列的表格。 Step 2 在“属性”面板设置此表格的属性如下：“边距”根据需要自行设置(例如5)；“间距”为1；“边框”为0；“背景颜色”为红色。 Step 3 选中此表格唯一的单元格，在“属性”面板设置此单元格的“背景颜色”为白色或红色以外的其他颜色。 Step 4 将光标定位在此1行1列的表格中，根据需要插入一个几行几列的嵌套表格，此嵌套表格的“边框”一定设置为0，“边距”和“间距”可以根据需要设置或不设置，其他属性可不进行设置。 这样，我们就可以在嵌套表格的不同单元格内插入文字、图片等其他网页元素了。

- 返回首页
- 打印本文
- 加入收藏
- 返回顶部
- 关闭窗口

相关文章 | 查看评论>> 发表评论
用 户： |
内 容： |
验证码： |

关于本站　|　免责声明　|　联系我们　|　版权隐私　|　友情链接　|网站地图 | SiteMap
联系电话：0531-88511191 | 客服QQ：6410861 | Email：totcms@163.com | ICP备：88888号 Copyright © TotCms.com All Rights Reserved. 济南淘网科技 版权所有