修飾之美:CSS在表格邊框上的美學應用

來源:互聯網
上載者:User

我們知道Dreamweaver在表格製作方面做得非常出色,但是在某些時候還是必須結合css才能達到一些特定效果,下面我們先把有關表格邊框的css文法整理出來,然後另外介紹怎樣用css美化表格的邊框。
有關表格邊框的css文法
具體內容包括:上邊框寬度、右邊框寬度、下邊框寬度、左邊框寬度、邊框寬度、邊框顏色、邊框樣式、上邊框、下邊框、左邊框、右邊框、邊框、寬度、高度、有關標籤等。
1.上邊框寬度
文法: border-top-width: <值>
允許值: thin | medium | thick | <長度>
初始值: medium
適用於: 所有對象
向下相容: 否
上邊框寬度屬性用於指定一個元素上邊框的寬度。值可以是三個關鍵字其中的一個,都不受字型大小或長度的影響,可以用於實現成比例的寬度。不允許使用負值。也可以用在上邊框、邊框的寬度或邊框的屬性略寫。
2.右邊框寬度
文法: border-right-width: <值>
允許值: thin | medium | thick | <長度>
初始值: medium
適用於: 所有對象
向下相容: 否
右邊框寬度屬性用於指定元素的右邊框的寬度。值可以是三個關鍵字其中的一個,都不受字型大小或長度的影響,可以用於實現成比例的寬度。不允許使用負值。也可以用在右邊框、邊框的寬度或邊框的屬性略寫。
3.下邊框寬度
文法: border-bottom-width: <值>
允許值: thin | medium | thick | <長度>
初始值: medium
適用於: 所有對象
向下相容: 否
下邊框寬度屬性用於指定元素的下邊框的寬度。值可以是三個關鍵字其中的一個,都不受字型大小或長度的影響,可以用於實現成比例的寬度。不允許使用負值。也可以用在下邊框、邊框的寬度或邊框的屬性略寫。
4.左邊框寬度
文法: border-left-width: <值>
允許值: thin | medium | thick | <長度>
初始值: medium
適用於: 所有對象
向下相容: 否
左邊框寬度屬性用於指定元素的左邊框的寬度。值可以是三個關鍵字其中的一個,都不受字型大小或長度的影響,可以用於實現成比例的寬度。不允許使用負值。也可以用在左邊框、邊框的寬度或邊框的屬性略寫。
5.邊框寬度
文法: border-width: <值>
允許值: [ thin | medium | thick | <長度> ]{1,4}
初始值: 未定義
適用於: 所有對象
向下相容: 否
邊框寬度屬性用一到四個值來設定元素的邊界,值是一個關鍵字或長度。不允許使用負值長度。如果四個值都給出了,它們分別應用於上、右、下和左邊框的式樣。如果給出一個值,它將被運用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.