加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营 > 正文

在Dreamweaver中风雅化你的表分外面

发布时间:2018-08-17 11:02:54 所属栏目:运营 来源:站长网
导读:表格无疑是网页建造中最为重要的一个工具,由于凡是的网页都是依赖表格来举办版面机关和各元素组织的,它直接抉择了网页是否雅观,内容组织是否清楚。但许多伴侣经常忽视对表格的研究,而把眼光投向其他的层、图片、殊效等等,着实公道的操作表格可以利便的
表格无疑是网页建造中最为重要的一个工具,由于凡是的网页都是依赖表格来举办版面机关和各元素组织的,它直接抉择了网页是否雅观,内容组织是否清楚。但许多伴侣经常忽视对表格的研究,而把眼光投向其他的层、图片、殊效等等,着实公道的操作表格可以利便的美化你得页面,我们也经常听到有伴侣诉苦表格作出的页面单调、粗拙、缺乏变革,也经常听到有人问怎样作出1个像素的表格边框。着实在Dreamweaver中我们可以很是利便的风雅化你的表格,从而使你的网页越发雅观风雅。我们将分下面三个方面先容如安在Dreamweaver中风雅化你的表格。

  一、操作属性面板。

在Dreamweaver中风雅化你的表分外面

  图一

  起首我们必要相识两个表格属性面板上的参数:CellPad和CellSpace。如图一所示,CellPad是指表格中两个单位格之间的间隔,CellSpace是指每个单位格与它中间的内容之间的隔断间隔。通过改变这两个参数,并共同配景致彩的变革,可以利便的做出1像素的表格边框。

  1、行使Object面板插入一个表格,界说表格宽、高及行数和列数。留意此时Dreamweaver中插入表格的默认CellPad和CellSpace、Border都为0。如图二:

在Dreamweaver中风雅化你的表分外面

  图二

  2、在属性面板中界说表格的Border为0,CellPad为5(这项可使单位格中的内容与单位格边沿之间保持5个像素);CellSpace为1(此项使得单位格之间保持1个项素的间距)。如图三;

  在Dreamweaver中风雅化你的表分外面

图三

  3、配置表格的配景致#999999,如图四;

  在Dreamweaver中风雅化你的表分外面

图四

  4、配置单位格的配景致#FFFFFF,如图五;

在Dreamweaver中风雅化你的表分外面

  图五

  5、在赏识器中预览一下结果,我们可以看到表格泛起一个像素的边框,如图六;

  在Dreamweaver中风雅化你的表分外面

图六

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读