我們知道Dreamweaver在表格制作方面做得非常出色，但是在某些時(shí)候還是必須結(jié)合css才能達(dá)到一些特定效果，下面我們先把有關(guān)表格邊框的css語法整理出來，然后另外介紹怎樣用css美化表格的邊框。

　　有關(guān)表格邊框的css語法

　　具體內(nèi)容包括：上邊框?qū)挾?、右邊框?qū)挾取⑾逻吙驅(qū)挾?、左邊框?qū)挾?、邊框?qū)挾取⑦吙蝾伾?、邊框樣式、上邊框、下邊框、左邊框、右邊框、邊框、寬度、高度、有關(guān)標(biāo)簽等。

　　 1.上邊框?qū)挾?

　　語法: border-top-width: <值>

　　允許值: thin | medium | thick | <長度>

　　初始值: medium

　　適用于: 所有對象

　　向下兼容: 否

　　上邊框?qū)挾葘傩杂糜谥付ㄒ粋€(gè)元素上邊框的寬度。值可以是三個(gè)關(guān)鍵字其中的一個(gè)，都不受字體大小或長度的影響，可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù)值。也可以用在上邊框、邊框的寬度或邊框的屬性略寫。

　　2.右邊框?qū)挾?

　　語法: border-right-width: <值>

　　允許值: thin | medium | thick | <長度>

　　初始值: medium

　　適用于: 所有對象

　　向下兼容: 否

　　右邊框?qū)挾葘傩杂糜谥付ㄔ氐挠疫吙虻膶挾取Ｖ悼梢允侨齻€(gè)關(guān)鍵字其中的一個(gè)，都不受字體大小或長度的影響，可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù)值。也可以用在右邊框、邊框的寬度或邊框的屬性略寫。

　　 3.下邊框?qū)挾?

　　語法: border-bottom-width: <值>

　　允許值: thin | medium | thick | <長度>

　　初始值: medium

　　適用于: 所有對象

　　向下兼容: 否

　　下邊框?qū)挾葘傩杂糜谥付ㄔ氐南逻吙虻膶挾取Ｖ悼梢允侨齻€(gè)關(guān)鍵字其中的一個(gè)，都不受字體大小或長度的影響，可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù)值。也可以用在下邊框、邊框的寬度或邊框的屬性略寫。

　　 4.左邊框?qū)挾?

　　語法: border-left-width: <值>

　　允許值: thin | medium | thick | <長度>

　　初始值: medium

　　適用于: 所有對象

　　向下兼容: 否

　　左邊框?qū)挾葘傩杂糜谥付ㄔ氐淖筮吙虻膶挾?。值可以是三個(gè)關(guān)鍵字其中的一個(gè)，都不受字體大小或長度的影響，可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù)值。也可以用在左邊框、邊框的寬度或邊框的屬性略寫。

　　5.邊框?qū)挾?

　　語法: border-width: <值>

　　允許值: [ thin | medium | thick | <長度> ]{1,4}

　　初始值: 未定義

　　適用于: 所有對象

　　向下兼容: 否

　　邊框?qū)挾葘傩杂靡坏剿膫€(gè)值來設(shè)置元素的邊界，值是一個(gè)關(guān)鍵字或長度。不允許使用負(fù)值長度。如果四個(gè)值都給出了，它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個(gè)值，它將被運(yùn)用到各邊上。如果兩個(gè)或三個(gè)值給出了，省略了的值與對邊相等。 這個(gè)屬性是上邊框?qū)挾?、右邊框?qū)挾取⑾逻吙驅(qū)挾群妥筮吙驅(qū)挾葘傩缘穆詫?。也可以使用略寫的邊框?qū)傩浴?

　　6.邊框顏色

　　語法: border-color: <值>

　　允許值: <顏色>{1,4}

　　初始值: 顏色屬性的值

　　適用于: 所有對象

　　向下兼容: 否

　　邊框顏色屬性設(shè)置一個(gè)元素的邊框顏色?？梢允褂靡坏剿膫€(gè)關(guān)鍵字。如果四個(gè)值都給出了，它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個(gè)值，它將被運(yùn)用到各邊上。如果兩個(gè)或三個(gè)值給出了，省略了的值與對邊相等。也可以使用略寫的邊框?qū)傩浴?

　　7.邊框樣式

　　語法: border-style: <值>

　　允許值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}

　　初始值: none

　　適用于: 所有對象

　　向下兼容: 否

　　邊框樣式屬性用于設(shè)置一個(gè)元素邊框的樣式。這個(gè)屬性必須用于指定可見的邊框?？梢允褂靡坏剿膫€(gè)關(guān)鍵字。如果四個(gè)值都給出了，它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個(gè)值，它將被運(yùn)用到各邊上。如果兩個(gè)或三個(gè)值給出了，省略了的值與對邊相等。也可以使用略寫的邊框?qū)傩浴?

　　none：無樣式；
　　dotted：點(diǎn)線；
　　dashed：虛線；
　　solid：實(shí)線；
　　double：雙線；
　　groove：槽線；
　　ridge：脊線；
　　inset：內(nèi)凹；
　　outset：外凸。

8.上邊框

　　語法: border-top: <值>


　　允許值: <上邊框?qū)挾?gt; || <邊框式樣> || <顏色>

　　初始值: 未定義

　　適用于: 所有對象

　　向下兼容: 否

　　上邊框?qū)傩允且粋€(gè)用于設(shè)置一個(gè)元素上邊框的寬度、式樣和顏色的略寫。注意只能給出一個(gè)邊框式樣。也可以使用略寫的邊框?qū)傩浴?

　　9.右邊框

　　語法: border-right: <值>

　　允許值: <右邊框?qū)挾?gt; || <邊框式樣> || <顏色>

　　初始值: 未定義

　　適用于: 所有對象

　　向下兼容: 否

　　右邊框?qū)傩允且粋€(gè)用于設(shè)置一個(gè)元素右邊框的寬度、式樣、和顏色的略寫。注意只能給出一個(gè)邊框式樣。也可以使用略寫的邊框?qū)傩?。　?

　　10.下邊框

　　語法: border-bottom: <值>

　　允許值: <下邊框?qū)挾?gt; || <邊框式樣> || <顏色>

　　初始值: 未定義

　　適用于: 所有對象

　　向下兼容: 否

　　下邊框?qū)傩允且粋€(gè)用于設(shè)置一個(gè)元素的下邊框的寬度、式樣和顏色的略寫。注意只能給出一個(gè)邊框式樣。也可以使用略寫的邊框?qū)傩浴?

　　11.左邊框

　　語法: border-left: <值>

　　允許值: <左邊框?qū)挾?gt; || <邊框式樣> || <顏色>

　　初始值: 未定義

　　適用于: 所有對象

　　向下兼容: 否

　　左邊框?qū)傩允且粋€(gè)用于設(shè)置一個(gè)元素左邊框的寬度、式樣和顏色的略寫。注意只能給出一個(gè)邊框式樣。也可以使用略寫的邊框?qū)傩浴?

　　 12.邊框

　　語法: border: <值>

　　允許值: <邊框?qū)挾?gt; || <邊框式樣> || <顏色>

　　初始值: 未定義

　　適用于: 所有對象

　　向下兼容: 否

　　邊框?qū)傩允且粋€(gè)用于設(shè)置一個(gè)元素邊框的寬度、式樣和顏色的略寫。

　　邊框聲明的例子包括：

　　H2 { border: groove 3em }
　　A:link { border: solid blue }
　　A:visited { border: thin dotted #800080 }
　　A:active { border: thick double red }

　　邊框?qū)傩灾荒茉O(shè)置四種邊框；只能給出一組邊框的寬度和式樣。為了給出一個(gè)元素的四種邊框的不同的值，網(wǎng)頁制作者必須用一個(gè)或更多的屬性，如：上邊框、右邊框、下邊框、左邊框、邊框顏色、邊框?qū)挾取⑦吙蚴綐?、上邊框?qū)挾?、右邊框?qū)挾?、下邊框?qū)挾然蜃筮吙驅(qū)挾取?

　　13.寬度

　　語法: width: <值>

　　允許值: <長度> | <百分比> | auto

　　初始值: auto

　　適用于: 塊級和替換元素

　　向下兼容: 否

　　寬度屬性的初始值為“auto”，即為該元素的原有寬度(有就是元素自己的寬度)。百分比參考上級元素的寬度。不允許使用負(fù)的長度值。

　　14.高度

　　語法: height: <值>

　　允許值: <長度> | auto

　　初始值: auto

　　適用于: 塊級和替換元素

　　向下兼容: 否

　　高度屬性的初始值為“auto”，即為該元素的原有高度(有就是元素自己的高度，)。百分比參考上級元素的寬度。不允許使用負(fù)的長度值。

　　15.有關(guān)標(biāo)簽

　　table：表格標(biāo)簽，對整個(gè)表格樣式的定義要放在table中；
　　td：單元格標(biāo)簽，對單元格樣式的定義要放在td中。

轉(zhuǎn)載于:https://www.cnblogs.com/cm186man/archive/2008/03/27/1124840.html

總結(jié)

以上是生活随笔為你收集整理的有关表格边框的css样式表语法说明的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。