整理資料:與表格邊框有關(guān)的CSS語法_CSS教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!
        表格是數(shù)據(jù)的載體,不再是布局的方式,雖然我們不需要表格來進行網(wǎng)頁布局了,但很多表格式的數(shù)據(jù),還是需要表格這一形式發(fā)揮它的作用!
        我們知道Dreamweaver在表格制作方面做得非常出色,但是在某些時候還是必須結(jié)合css才能達到一些特定效果,下面我們先把有關(guān)表格邊框的css語法整理出來,然后另外介紹怎樣用css美化表格的邊框。
        具體內(nèi)容包括:上邊框?qū)挾、右邊框(qū)挾、下邊框(qū)挾、左邊框(qū)挾、邊框(qū)挾取⑦吙蝾伾、邊框樣式、上邊框、下邊框、左邊框、右邊框、邊框、寬度、高度、有關(guān)標簽等。

      1.上邊框?qū)挾?/strong>

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

      2.右邊框?qū)挾?/strong>

        語法: border-right-width: <值>
        答應(yīng)值: thin | medium | thick | <長度>
        初始值: medium
        適用于: 所有對象
        向下兼容: 否
        右邊框?qū)挾葘傩杂糜谥付ㄔ氐挠疫吙虻膶挾。值可以是三個要害字其中的一個,都不受字體大小或長度的影響,可以用于實現(xiàn)成比例的寬度。不答應(yīng)使用負值。也可以用在右邊框、邊框的寬度或邊框的屬性略寫。

      3.下邊框?qū)挾?/strong>

        語法: border-bottom-width: <值>
        答應(yīng)值: thin | medium | thick | <長度>
        初始值: medium
        適用于: 所有對象
        向下兼容: 否
        下邊框?qū)挾葘傩杂糜谥付ㄔ氐南逻吙虻膶挾。值可以是三個要害字其中的一個,都不受字體大小或長度的影響,可以用于實現(xiàn)成比例的寬度。不答應(yīng)使用負值。也可以用在下邊框、邊框的寬度或邊框的屬性略寫。

      4.左邊框?qū)挾?/strong>

        語法: border-left-width: <值>
        答應(yīng)值: thin | medium | thick | <長度>
        初始值: medium
        適用于: 所有對象
        向下兼容: 否
        左邊框?qū)挾葘傩杂糜谥付ㄔ氐淖筮吙虻膶挾取V悼梢允侨齻要害字其中的一個,都不受字體大小或長度的影響,可以用于實現(xiàn)成比例的寬度。不答應(yīng)使用負值。也可以用在左邊框、邊框的寬度或邊框的屬性略寫。

      5.邊框?qū)挾?/strong>

        語法: border-width: <值>
        答應(yīng)值: [ thin | medium | thick | <長度> ]{1,4}
        初始值: 未定義
        適用于: 所有對象
        向下兼容: 否
        邊框?qū)挾葘傩杂靡坏剿膫值來設(shè)置元素的邊界,值是一個要害字或長度。不答應(yīng)使用負值長度。假如四個值都給出了,它們分別應(yīng)用于上、右、下和左邊框的式樣。假如給出一個值,它將被運用到各邊上。假如兩個或三個值給出了,省略了的值與對邊相等。 這個屬性是上邊框?qū)挾、右邊框(qū)挾取⑾逻吙驅(qū)挾群妥筮吙驅(qū)挾葘傩缘穆詫。也可以使用略寫的邊框(qū)傩浴?br/>
      6.邊框顏色

        語法: border-color: <值>
        答應(yīng)值: <顏色>{1,4}
        初始值: 顏色屬性的值
        適用于: 所有對象
        向下兼容: 否
        邊框顏色屬性設(shè)置一個元素的邊框顏色?梢允褂靡坏剿膫要害字。假如四個值都給出了,它們分別應(yīng)用于上、右、下和左邊框的式樣。假如給出一個值,它將被運用到各邊上。假如兩個或三個值給出了,省略了的值與對邊相等。也可以使用略寫的邊框?qū)傩浴?br/>
      7.邊框樣式

        語法: border-style: <值>
        答應(yīng)值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}
        初始值: none
        適用于: 所有對象
        向下兼容: 否
        邊框樣式屬性用于設(shè)置一個元素邊框的樣式。這個屬性必須用于指定可見的邊框?梢允褂靡坏剿膫要害字。假如四個值都給出了,它們分別應(yīng)用于上、右、下和左邊框的式樣。假如給出一個值,它將被運用到各邊上。假如兩個或三個值給出了,省略了的值與對邊相等。也可以使用略寫的邊框?qū)傩浴?br/>
      示例代碼 [www.wf0088.com]
        none:無樣式;
        dotted:點線;
        dashed:虛線;
        solid:實線;
        double:雙線;
        groove:槽線;
        ridge:脊線;
        inset:內(nèi)凹;
        outset:外凸

      8.上邊框

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

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

      10.下邊框

        語法: border-bottom: <值>
        答應(yīng)值: <下邊框?qū)挾?gt; || <邊框式樣> || <顏色>
        初始值: 未定義
        適用于: 所有對象
        向下兼容: 否
        下邊框?qū)傩允且粋用于設(shè)置一個元素的下邊框的寬度、式樣和顏色的略寫。注重只能給出一個邊框式樣。也可以使用略寫的邊框?qū)傩浴?br/>
      11.左邊框

        語法: border-left: <值>
        答應(yīng)值: <左邊框?qū)挾?gt; || <邊框式樣> || <顏色>
        初始值: 未定義
        適用于: 所有對象
        向下兼容: 否
        左邊框?qū)傩允且粋用于設(shè)置一個元素左邊框的寬度、式樣和顏色的略寫。注重只能給出一個邊框式樣。也可以使用略寫的邊框?qū)傩浴?br/>
      12.邊框

        語法: border: <值>
        答應(yīng)值: <邊框?qū)挾?gt; || <邊框式樣> || <顏色>
        初始值: 未定義
        適用于: 所有對象
        向下兼容: 否
        邊框?qū)傩允且粋用于設(shè)置一個元素邊框的寬度、式樣和顏色的略寫。
        邊框聲明的例子包括:

      示例代碼 [www.wf0088.com]
        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: <值>
        答應(yīng)值: <長度> | <百分比> | auto
        初始值: auto
        適用于: 塊級和替換元素
        向下兼容: 否
        寬度屬性的初始值為“auto”,即為該元素的原有寬度(有就是元素自己的寬度)。百分比參考上級元素的寬度。不答應(yīng)使用負的長度值。

      14.高度

        語法: height: <值>
        答應(yīng)值: <長度> | auto
        初始值: auto
        適用于: 塊級和替換元素
        向下兼容: 否
        高度屬性的初始值為“auto”,即為該元素的原有高度(有就是元素自己的高度,)。百分比參考上級元素的寬度。不答應(yīng)使用負的長度值。

      15.有關(guān)標簽

        table:表格標簽,對整個表格樣式的定義要放在table中;
        td:單元格標簽,對單元格樣式的定義要放在td中。
        

      來源:無憂整理//所屬分類:CSS教程/更新時間:2007-04-02
      相關(guān)CSS教程