css教程:CSS邊框border屬性的應用_CSS教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!
      The CSS border properties define the borders around an element.
      CSS邊框屬性用來定義環繞元素的邊框(樣式)


      設置四個邊框的樣式 Set the style of the four borders
      This example demonstrates how to set the style of the four borders.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      分別設置每個邊框 Set different borders on each side
      This example demonstrates how to set different borders on each side of the element.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      四邊框顏色設置 Set the color of the four borders
      This example demonstrates how to set the color of the four borders. It can have from one to four colors.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      設置底部邊框寬度 Set the width of the bottom border
      This example demonstrates how to set the width of the bottom border.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      設置左邊框寬度 Set the width of the left border
      This example demonstrates how to set the width of the left border.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      設置右邊框寬度 Set the width of the right border
      This example demonstrates how to set the width of the right border.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      設置頂部邊框寬度 Set the width of the top border
      This example demonstrates how to set the width of the top border.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      在一次聲明后設置所有邊框的屬性 All the bottom border properties in one declaration
      This example demonstrates a shorthand property for setting all of the properties for the bottom border in one declaration.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      在一次聲明后設置左邊框所有的屬性 All the left border properties in one declaration
      This example demonstrates a shorthand property for setting all of the properties for the left border in one declaration.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      在一次聲明后設置右邊框所有的屬性 All the right border properties in one declaration
      This example demonstrates a shorthand property for setting all of the properties for the right border in one declaration.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      在一次聲明后設置頂部邊框所有的屬性 All the top border properties in one declaration
      This example demonstrates a shorthand property for setting all of the properties for the top border in one declaration.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      在一次聲明后設置所有邊框寬度的屬性 All the width of the border properties in one declaration
      This example demonstrates a shorthand property for setting the width of the four borders in one declaration, can have from one to four values.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      在一次聲明后設置所有邊框所有的屬性 All the border properties in one declaration
      This example demonstrates a shorthand property for setting all of the properties for the four borders in one declaration, can have from one to three values.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      The CSS border properties allow you to specify the style and color of an element's border. In HTML we use tables to create borders around a text, but with the CSS border properties we can create borders with nice effects, and it can be applied to any element.
      CSS邊框屬性可以讓你指定元素邊框的樣式和顏色。HTML中我們可以用表格來建立文字的邊框,但使用CSS邊框屬性能讓我們建立更好看的效果而且它可以支持任何元素。

      來源:無憂整理//所屬分類:CSS教程/更新時間:2006-11-09
      相關CSS教程