來自:·touch8··天極設(shè)計在線我們知道Dreamweaver在表格制作方面做得非常出色,但是在某些時候還是必須結(jié)合css才能達(dá)到一些特定效果,下面我們先把有關(guān)表格邊框的css語法整理出來,然后另外介紹怎樣用css美化表格的邊框。
有關(guān)表格邊框的css語法 具體內(nèi)容包括:上邊框?qū)挾、右邊框(qū)挾、下邊框(qū)挾、左邊框(qū)挾、邊框(qū)挾、邊框顏色、邊框樣式、上邊框、下邊框、左邊框、右邊框、邊框、寬度、高度、有關(guān)標(biāo)簽等。
1.上邊框?qū)挾取 ≌Z法: border-top-width:
允許值: thin | medium | thick |
初始值: medium
適用于: 所有對象
向下兼容: 否
上邊框?qū)挾葘傩杂糜谥付ㄒ粋元素上邊框的寬度。值可以是三個關(guān)鍵字其中的一個,都不受字體大小或長度的影響,可以用于實現(xiàn)成比例的寬度。不允許使用負(fù)值。也可以用在上邊框、邊框的寬度或邊框的屬性略寫。
2.右邊框?qū)挾取 ≌Z法: border-right-width:
允許值: thin | medium | thick |
初始值: medium
適用于: 所有對象
向下兼容: 否
右邊框?qū)挾葘傩杂糜谥付ㄔ氐挠疫吙虻膶挾取V悼梢允侨齻關(guān)鍵字其中的一個,都不受字體大小或長度的影響,可以用于實現(xiàn)成比例的寬度。不允許使用負(fù)值。也可以用在右邊框、邊框的寬度或邊框的屬性略寫。
3.下邊框?qū)挾取 ≌Z法: border-bottom-width:
允許值: thin | medium | thick |
初始值: medium
適用于: 所有對象
向下兼容: 否
下邊框?qū)挾葘傩杂糜谥付ㄔ氐南逻吙虻膶挾取V悼梢允侨齻關(guān)鍵字其中的一個,都不受字體大小或長度的影響,可以用于實現(xiàn)成比例的寬度。不允許使用負(fù)值。也可以用在下邊框、邊框的寬度或邊框的屬性略寫。
4.左邊框?qū)挾取 ≌Z法: border-left-width:
允許值: thin | medium | thick |
初始值: medium
適用于: 所有對象
向下兼容: 否
左邊框?qū)挾葘傩杂糜谥付ㄔ氐淖筮吙虻膶挾。值可以是三個關(guān)鍵字其中的一個,都不受字體大小或長度的影響,可以用于實現(xiàn)成比例的寬度。不允許使用負(fù)值。也可以用在左邊框、邊框的寬度或邊框的屬性略寫。
5.邊框?qū)挾取 ≌Z法: border-width:
允許值: [ thin | medium | thick | ]{1,4}
初始值: 未定義
適用于: 所有對象
向下兼容: 否
邊框?qū)挾葘傩杂靡坏剿膫值來設(shè)置元素的邊界,值是一個關(guān)鍵字或長度。不允許使用負(fù)值長度。如果四個值都給出了,它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個值,它將被運用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。 這個屬性是上邊框?qū)挾、右邊框(qū)挾、下邊框(qū)挾群妥筮吙驅(qū)挾葘傩缘穆詫憽R部梢允褂寐詫懙倪吙驅(qū)傩浴?
6.邊框顏色 語法: border-color:
允許值: {1,4}
初始值: 顏色屬性的值
適用于: 所有對象
向下兼容: 否
邊框顏色屬性設(shè)置一個元素的邊框顏色?梢允褂靡坏剿膫關(guān)鍵字。如果四個值都給出了,它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個值,它將被運用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。也可以使用略寫的邊框?qū)傩浴?
7.邊框樣式 語法: border-style:
允許值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}
初始值: none
適用于: 所有對象
向下兼容: 否
邊框樣式屬性用于設(shè)置一個元素邊框的樣式。這個屬性必須用于指定可見的邊框?梢允褂靡坏剿膫關(guān)鍵字。如果四個值都給出了,它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個值,它將被運用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。也可以使用略寫的邊框?qū)傩浴! one:無樣式; dotted:點線; dashed:虛線; solid:實線; double:雙線; groove:槽線; ridge:脊線; inset:內(nèi)凹; outset:外凸。8.上邊框 語法: border-top:
允許值: || ||
初始值: 未定義
適用于: 所有對象
向下兼容: 否
上邊框?qū)傩允且粋用于設(shè)置一個元素上邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框?qū)傩浴?
9.右邊框 語法: border-right:
允許值: || ||
初始值: 未定義
適用于: 所有對象
向下兼容: 否
右邊框?qū)傩允且粋用于設(shè)置一個元素右邊框的寬度、式樣、和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框?qū)傩浴! ?
10.下邊框 語法: border-bottom:
允許值: || ||
初始值: 未定義
適用于: 所有對象
向下兼容: 否
下邊框?qū)傩允且粋用于設(shè)置一個元素的下邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框?qū)傩浴?
11.左邊框 語法: border-left:
允許值: || ||
初始值: 未定義
適用于: 所有對象
向下兼容: 否
左邊框?qū)傩允且粋用于設(shè)置一個元素左邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框?qū)傩浴?
12.邊框 語法: border:
允許值: || ||
初始值: 未定義
適用于: 所有對象
向下兼容: 否
邊框?qū)傩允且粋用于設(shè)置一個元素邊框的寬度、式樣和顏色的略寫。
邊框聲明的例子包括:
H2 { border: groove 3em } A:link { border: solid blue } A:visited { border: thin dotted #800080 } A:active { border: thick double red } 邊框?qū)傩灾荒茉O(shè)置四種邊框;只能給出一組邊框的寬度和式樣。為了給出一個元素的四種邊框的不同的值,網(wǎng)頁制作者必須用一個或更多的屬性,如:上邊框、右邊框、下邊框、左邊框、邊框顏色、邊框?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)簽,對整個表格樣式的定義要放在table中; td:單元格標(biāo)簽,對單元格樣式的定義要放在td中。