Dreamweaver调解表格边框之css语法

　　总的来说，表格的CSS语法包罗——边框宽度、边框颜色、边框样式、边框、宽度、高度、有关标签等几个方面。

　　边框宽度　border-width: <值> 

　　应承值：[thin（细线）| medium（中粗线）| thick（粗线）| <长度> ]{1,4}

　　初始值：medium

　　合用于：全部工具

　　向下兼容：否

　　语法：上边框  border-top-width: <值> （例：border-top-width:thick）

　　　　　右边框  border-right-width: <值>（例：border-right-width:medium）

　　　　　下边框  border-bottom-width: <值>（例：border-bottom-width:thin）

　　　　　左边框  border-left-width: <值>（例：border-left-width:12px）

　　边框宽度属性配置一个元素的边框宽度。假如四个值都给出了，它们别离应用于上、右、下和左边框的式样。假如给出一个值，它将被运用到各边上。假如两个或三个值给出了，省略了的值与对边相称。 

　　边框颜色　border-color: <值>

　　应承值: <颜色>{1,4}　边框颜色的界说值可所以HTML默认标志颜色，如：RED，BLUE，GREEN等。也可所以十六进制颜色码，如：#006699 #F8E5DA等。还可所以RGB值，如：RGB(142,230,169) 。

　　初始值: 颜色属性的值

　　合用于: 全部工具

　　向下兼容: 否

　　边框颜色属性配置一个元素的边框颜色。假如四个值都给出了，它们别离应用于上、右、下和左边框的式样。假如给出一个值，它将被运用到各边上。假如两个或三个值给出了，省略了的值与对边相称。

　　边框样式  border-style: <值>

　　应承值: [ none（无边框线）| dotted（由点构成的虚线）| dashed（由短线构成的虚线）| solid（实线）| double（双线。双线宽度加上它们之间的空缺部门的宽度就便是border-width界说的宽度）| groove（3D沟槽状的边框）| ridge（3D脊状的边框）| inset（3D内嵌边框，颜色较深）| outset（3D外嵌边框，颜色较浅）]{1,4}

　　初始值: none

　　合用于: 全部工具

　　向下兼容: 否

　　边框样式属性用于配置一个元素边框的样式。这个属性必需用于指定可见的边框。假如四个值都给出了，它们别离应用于上、右、下和左边框的式样。假如给出一个值，它将被运用到各边上。假如两个或三个值给出了，省略了的值与对边相称。也可以行使略写的边框属性。留意：假如体系不支持这些边框的属性值，那么“dotted”、“dashed”、“double”、“groove”、“ridge”、“inset”和“outset”城市被“solid”取代。

　　边框  border: <值>

　　应承值: <边框宽度> || <边框式样> || <颜色>

　　初始值: 未界说

　　合用于: 全部工具

　　向下兼容: 否

　　语法 ：上  border-top: <值>  右  border-right: <值>  下  border-bottom: <值>  左  border-left: <值>

　　边框属性只能配置四种边框；只能给出一组边框的宽度和式样。为了给出一个元素的四种边框的差异的值，网页建造者必需用一个或更多的属性，如：上边框、右边框、下边框、左边框、边框颜色、边框宽度、边框式样、上边框宽度、右边框宽度、下边框宽度或左边框宽度。

　　应承值: <长度> | <百分比> | auto

　　初始值: auto

　　合用于: 块级和替代元素

　　向下兼容: 否

　　宽度属性的初始值为“auto”，即为该元素的原有宽度(有就是元素本身的宽度)。百分比参考上级元素的宽度。不应承行使负的长度值。

　　有关标签

　　table：表格标签，对整个表格样式的界说要放在table中；

　　td：单位格标签，对单位格样式的界说要放在td中。　　

　　在一个边框中回收差异宽度和颜色的边框线。这个结果虽然可以用上例中的要领来实现，但那样代码过多，可回收另一种归并的要领，把四条边的属性值分类放在一路。可以把边框线的范例、宽度和颜色归类在一路界说，这里请留意几点：

　　1、四条边框线的位置次序是：上边框线、右边框线、下边框线、左边框线；

　　2、本例中边框线的范例只取了一种实线范例，现实上四条边也可以别离界说差异的范例；

　　3、属性值可以界说一个、两个、三个可能四个。假如仅界说一个属性值，则别的三个自动取沟通值，如：border-style:solid与border-style:solid solid solid solid的结果完全一样；假如仅给出两个或三个值，那么缺失边的属性值将取与对边的值沟通。如：boder-width:thin thick与border-width:thin thick thin thick结果沟通，border-width:1px 2px 3px与border-width:1px 2px 3px 2px的结果沟通。

　　还应留意，只管不要将样式加在<TR>标签内，结果也许无法表现。属性的界说之间以分号离隔，以上都是直接给标签加Style，假如编成CSS样式表把常用的边框线一次界说好，要用时挪用一下就行了，很是利便也有服从。虽然做成HTC也很棒。在dreamweaver（右键菜单-->CSS样式）中界说CSS很是利便，不消编写代码。

（编辑：河北网）

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