1. 怎么用CSS設(shè)置網(wǎng)頁table邊框樣式

      2012-03-31

      在做網(wǎng)站的過程中,表格成為數(shù)據(jù)的載體,不再是布局的方式,雖然我們不需要表格來進(jìn)行網(wǎng)頁布局了,但很多表格式的數(shù)據(jù),還是需要表格這一形式發(fā)揮它的作用!

      北京網(wǎng)站建設(shè)公司博昊天成認(rèn)為 Dreamweaver在表格制作方面做得非常出色,但是在某些時候還是必須結(jié)合css才能達(dá)到一些特定效果

      1.上邊框?qū)挾纫韵率且闷危?/FONT>

        語法: border-top-width: <值>   允許值: thin | medium | thick | <長度>   初始值: medium   適用于: 所有對象   向下兼容: 否   上邊框?qū)挾葘傩杂糜谥付ㄒ粋€元素上邊框的寬度。值可以是三個關(guān)鍵字其中的一個,都不受字體大小或長度的影響,可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù)值。也可以用在上邊框、邊框的寬度或邊框的屬性略寫。


       2.右邊框?qū)挾纫韵率且闷危骸 ≌Z法: border-right-width: <值>   允許值: thin | medium | thick | <長度>   初始值: medium   適用于: 所有對象   向下兼容: 否   右邊框?qū)挾葘傩杂糜谥付ㄔ氐挠疫吙虻膶挾取V悼梢允侨齻€關(guān)鍵字其中的一個,都不受字體大小或長度的影響,可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù)值。也可以用在右邊框、邊框的寬度或邊框的屬性略寫。

       3.下邊框?qū)挾纫韵率且闷危骸 ≌Z法: border-bottom-width: <值>   允許值: thin | medium | thick | <長度>   初始值: medium   適用于: 所有對象   向下兼容: 否   下邊框?qū)挾葘傩杂糜谥付ㄔ氐南逻吙虻膶挾取V悼梢允侨齻€關(guān)鍵字其中的一個,都不受字體大小或長度的影響,可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù)值。也可以用在下邊框、邊框的寬度或邊框的屬性略寫。

       4.左邊框?qū)挾纫韵率且闷危骸 ≌Z法: border-left-width: <值>   允許值: thin | medium | thick | <長度>   初始值: medium   適用于: 所有對象   向下兼容: 否   左邊框?qū)挾葘傩杂糜谥付ㄔ氐淖筮吙虻膶挾取V悼梢允侨齻€關(guān)鍵字其中的一個,都不受字體大小或長度的影響,可以用于實(shí)現(xiàn)成比例的寬度。不允許使用負(fù)值。也可以用在左邊框、邊框的寬度或邊框的屬性略寫。

      5.邊框?qū)挾纫韵率且闷危骸 ≌Z法: border-width: <值>   允許值: [ thin | medium | thick | <長度> ]{1,4}   初始值: 未定義  適用于: 所有對象   向下兼容: 否   邊框?qū)挾葘傩杂靡坏剿膫€值來設(shè)置元素的邊界,值是一個關(guān)鍵字或長度。不允許使用負(fù)值長度。如果四個值都給出了,它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個值,它將被運(yùn)用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。 這個屬性是上邊框?qū)挾取⒂疫吙驅(qū)挾取⑾逻吙驅(qū)挾群妥筮吙驅(qū)挾葘傩缘穆詫憽R部梢允褂寐詫懙倪吙驅(qū)傩浴?/P>

       6.邊框顏色以下是引用片段:  語法: border-color: <值>   允許值: <顏色>{1,4}   初始值: 顏色屬性的值   適用于: 所有對象   向下兼容: 否   邊框顏色屬性設(shè)置一個元素的邊框顏色。可以使用一到四個關(guān)鍵字。如果四個值都給出了,它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個值,它將被運(yùn)用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。也可以使用略寫的邊框?qū)傩浴?/P>

       7.邊框樣式以下是引用片段:  語法: border-style: <值>   允許值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}   初始值: none   適用于: 所有對象   向下兼容: 否   邊框樣式屬性用于設(shè)置一個元素邊框的樣式。這個屬性必須用于指定可見的邊框。可以使用一到四個關(guān)鍵字。如果四個值都給出了,它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個值,它將被運(yùn)用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。也可以使用略寫的邊框?qū)傩浴?BR>以下是引用片段:  none:無樣式;   dotted:點(diǎn)線;   dashed:虛線;   solid:實(shí)線;   double:雙線;   groove:槽線;   ridge:脊線;   inset:內(nèi)凹;   outset:外凸


       8.上邊框以下是引用片段:  語法: border-top: <值>  允許值: <上邊框?qū)挾? || <邊框式樣> || <顏色>   初始值: 未定義   適用于: 所有對象   向下兼容: 否   上邊框?qū)傩允且粋€用于設(shè)置一個元素上邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框?qū)傩浴?/P>

       9.右邊框  語法: border-right: <值>   允許值: <右邊框?qū)挾? || <邊框式樣> || <顏色>   初始值: 未定義  適用于: 所有對象  向下兼容: 否  右邊框?qū)傩允且粋€用于設(shè)置一個元素右邊框的寬度、式樣、和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框?qū)傩浴! ?/P>

       10.下邊框以下是引用片段:  語法: border-bottom: <值>   允許值: <下邊框?qū)挾? || <邊框式樣> || <顏色>   初始值: 未定義   適用于: 所有對象   向下兼容: 否   下邊框?qū)傩允且粋€用于設(shè)置一個元素的下邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框?qū)傩浴?/P>

       11.左邊框以下是引用片段:  語法: border-left: <值>   允許值: <左邊框?qū)挾? || <邊框式樣> || <顏色>   初始值: 未定義   適用于: 所有對象   向下兼容: 否   左邊框?qū)傩允且粋€用于設(shè)置一個元素左邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框?qū)傩浴?下面的細(xì)線表格是用cellspacing來實(shí)現(xiàn)的,用表格的背景色做為邊框的顏色。不方便的是每一行都要再設(shè)置一個背景色。