修飾之美：CSS在表格邊框上的美學(xué)應(yīng)用
我們知道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ū)挾?/strong>
語法: border-top-width: <值>
允許值: thin | medium | thick | <長度>
初始值: medium
適用于: 所有對(duì)象
向下兼容: 否
上邊框?qū)挾葘傩杂糜谥付ㄒ粋€(gè)元素上邊框的寬度。值可以是三個(gè)關(guān)鍵字其中的一個(gè)，都不受字體大小或長度的影響，可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù)值。也可以用在上邊框、邊框的寬度或邊框的屬性略寫。
2.右邊框?qū)挾?/strong>
語法: border-right-width: <值>
允許值: thin | medium | thick | <長度>
初始值: medium
適用于: 所有對(duì)象
向下兼容: 否
右邊框?qū)挾葘傩杂糜谥付ㄔ氐挠疫吙虻膶挾?。值可以是三個(gè)關(guān)鍵字其中的一個(gè)，都不受字體大小或長度的影響，可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù)值。也可以用在右邊框、邊框的寬度或邊框的屬性略寫。
3.下邊框?qū)挾?/strong>
語法: border-bottom-width: <值>
允許值: thin | medium | thick | <長度>
初始值: medium
適用于: 所有對(duì)象
向下兼容: 否
下邊框?qū)挾葘傩杂糜谥付ㄔ氐南逻吙虻膶挾?。值可以是三個(gè)關(guān)鍵字其中的一個(gè)，都不受字體大小或長度的影響，可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù)值。也可以用在下邊框、邊框的寬度或邊框的屬性略寫。
4.左邊框?qū)挾?/strong>
語法: border-left-width: <值>
允許值: thin | medium | thick | <長度>
初始值: medium
適用于: 所有對(duì)象
向下兼容: 否
左邊框?qū)挾葘傩杂糜谥付ㄔ氐淖筮吙虻膶挾取Ｖ悼梢允侨齻€(gè)關(guān)鍵字其中的一個(gè)，都不受字體大小或長度的影響，可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù)值。也可以用在左邊框、邊框的寬度或邊框的屬性略寫。
5.邊框?qū)挾?/strong>
語法: border-width: <值>
允許值: [ thin | medium | thick | <長度> ]{1,4}
初始值: 未定義
適用于: 所有對(duì)象
向下兼容: 否
邊框?qū)挾葘傩杂靡坏剿膫€(gè)值來設(shè)置元素的邊界，值是一個(gè)關(guān)鍵字或長度。不允許使用負(fù)值長度。如果四個(gè)值都給出了，它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個(gè)值，它將被運(yùn)用到各邊上。如果兩個(gè)或三個(gè)值給出了，省略了的值與對(duì)邊相等。 這個(gè)屬性是上邊框?qū)挾取⒂疫吙驅(qū)挾?、下邊框?qū)挾群妥筮吙驅(qū)挾葘傩缘穆詫?。也可以使用略寫的邊框?qū)傩浴?/p>
6.邊框顏色
語法: border-color: <值>
允許值: <顏色>{1,4}
初始值: 顏色屬性的值
適用于: 所有對(duì)象
向下兼容: 否
邊框顏色屬性設(shè)置一個(gè)元素的邊框顏色?？梢允褂靡坏剿膫€(gè)關(guān)鍵字。如果四個(gè)值都給出了，它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個(gè)值，它將被運(yùn)用到各邊上。如果兩個(gè)或三個(gè)值給出了，省略了的值與對(duì)邊相等。也可以使用略寫的邊框?qū)傩浴?/p>
7.邊框樣式
語法: border-style: <值>
允許值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}
初始值: none
適用于: 所有對(duì)象
向下兼容: 否
邊框樣式屬性用于設(shè)置一個(gè)元素邊框的樣式。這個(gè)屬性必須用于指定可見的邊框?？梢允褂靡坏剿膫€(gè)關(guān)鍵字。如果四個(gè)值都給出了，它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個(gè)值，它將被運(yùn)用到各邊上。如果兩個(gè)或三個(gè)值給出了，省略了的值與對(duì)邊相等。也可以使用略寫的邊框?qū)傩浴?/p>
none：無樣式；
dotted：點(diǎn)線；
dashed：虛線；
solid：實(shí)線；
double：雙線；
groove：槽線；
ridge：脊線；
inset：內(nèi)凹；
outset：外凸；
如對(duì)本文有疑問，請?zhí)峤坏浇涣髡搲瑥V大熱心網(wǎng)友會(huì)為你解答?。?點(diǎn)擊進(jìn)入論壇
