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

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

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

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

编辑推荐

热门点击
·Dreamweaver制作网页13种技巧..
·Dreamweaver8来构建符合标准的..
·用Dreamweaver进行网页优化
·16则Dreamweaver使用快技法
·Dreamweaver CS3 CPU使..
·用DW8制作网页中常用的过度效果
·Dreamweaver制作网页经典问题大..
·巧用背景颜色和间距制细边表格
·Dreamweaver自适应客户端分辨率..
·Dreamweaver高级技术 标签选择..

图片推荐
·

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

在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，“边距”和“间距”可以根据需要设置或不设置，其他属性可不进行设置。 这样，我们就可以在嵌套表格的不同单元格内插入文字、图片等其他网页元素了。
上一篇：Dreamweaver制作网页经典问题大整理 下一篇：Dreamweaver自适应客户端分辨率的实现

[1]

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

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

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