邊框 CSS 的設定

來源:互聯網
上載者:User

  

框邊框的屬性(預設沒有樣式)

      border-top            設定上邊框的屬性

      border-bottom      設定下邊框的屬性

      border-right          設定右邊框的屬性

      border-left            設定左邊框的屬性

      border-width         可選值(thin,medium,thick或指定長度)

      border-style          同上

      border-color          設定邊框顏色

 

border

      功能:簡寫屬性,設定所有邊框的屬性

      數值:

            border-width --->可選值(thin,medium,thick或指定長度)

            border-style --->可選值(none,dotted,dashed,solid,double,groove,ridge,inset,outset)

            border-color --->可用顏色名或RGB值

      說明:與其它簡寫屬性不同的是,每個設定只能取一個值,這個屬性均勻作用於邊框的各邊

border-width

      功能:簡寫屬性,可同時設定四個邊框的寬度

      數值:

            thin            細邊框

            medium      中等線寬

            thick           粗線

            長度            用相對或絕對單位設定邊框寬度

border-style

      功能:用於顯示邊框和指定邊框的樣式

      數值:    

            none---不顯示邊框,為預設值

            dotted---點線

            dashed--?線

            solid---實線

            double---雙線

            groove---3D陷入線

            ridge---3D山脊?線

            inserst---使頁面有沉入感

            outset---使頁面有浮出感

說明:ridge,inset,outset對於有些瀏覽器會將它們繪製成實線

border-color

      功能:簡寫屬性,設定四個邊框的顏色值

      數值:可以用顏色名或RGB值,如果指定單個顏色,則四個邊框都顯示為這個顏色,如果指定兩個顏色,則順序為上下,左右;如果指定三種顏色,則順序為上,左右,下;如果指定四種顏色,則順序為上,右下,左。

      顏色名有如下一些:aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.

      對於RGB值,可用三種方法指定

            #rrggbb; rgb(r,g,b); rgb(r%,g%,b%)

 

相關文章

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.