当前位置：首页 -> 网页设计 -> DREAMWEAVER -> DreamWeaver表格妙用-线框制作详解(5)

DreamWeaver表格妙用-线框制作详解(5)

时间： 2021-07-31 作者：daque

4> 隔距边框的创造　　“隔距边框”在网页中重要用来陈设各个栏目或频段的名目列表用的，为了简单大师领会，笔者先把创造实行此后的功效图给大师展现下，如次：　　底下是相映的创造进程，（以创造三框隔距为例证明）　　开始在网页中插入一个1行3列的表格东西，在插入进程市直接把“border”设定于0，“cellspace”设定于2，“cellpad”设定于1，如图　　提防：在这边举行树立，同属性板中是实足等效的。　　鼠标按住左键不放，在各个单位格上拖动，同声选中3个单位格东西。在属性板中将其“bgcolor”设定于“赤色”，提防该脸色即隔距边框的脸色。　　为了实行隔距的功效，咱们这边要用到“嵌套表格”的创造了。笔者先报告大师少许安排“嵌套”表格时的提防事变，在单位格中插入表格时，最佳预先将单位格实质的定位属性“horz”（安排场所）及“vert”（左右场所）辨别设定于“left”和“top”，如许制止再次安排嵌套表格巨细时的不需要的烦恼，径直干脆右下角即可实行。如次　　顺序在三个单位格中插入一个表格东西，将“border”，“cellspace”，“cellpad”十足设定于“0”，同声在属性板中将每个表格的后台脸色均设定于同网页背局面“白色”，其余再有一点即是，将“width”（宽）和“height”（高）均设定于比率表露状况下的“100%”，如许不妨使它按照巨细机动充溢所有单位格。　　此刻不妨预览察看功效了。　　在隔距边框的创造中，与细线边框的各别之处在乎边框的宽窄1是经过“cellpad”属性来实行的，而不是前方的“cellspace”，这边的“cellpad”指的是单位格中实质与单位格的边境之间的隔绝，无疑本例中被咱们动作实质插入的即是其余的三个表格。那么安排“cellspace”不妨变换各个边框的间距，比方“6”单元的功效　　同样，一致的本领你不妨创造出竖放的隔距边框。　　上头咱们精致的领会了几种网页中罕见边框典型的创造进程，道理及安排本领。功效比较的情势断定越发利于于大师看法它们各自的分辨，进而加深回忆，固然更蓄意大师不妨依照一致的安排思绪找到更多的边框功效。

dreamweaver表格妙用-线框制作详解(5)

DreamWeaver表格妙用-线框制作详解(5)

相关推荐

推荐下载

热门阅览

最新排行