• <bdo id="kimmi"></bdo>
  • 鼎之道、易于行

    詳解HTML設置邊框的三種方式

    時間:2020-09-14 來源:互聯網 瀏覽:4412

    HTML設置邊框的三種方式

    border-width: 1px 2px 2px;

    border-style: solid dashed dotted;

    border-color:red green blue;

    /*分別為 上→左右→下 邊框設置*/

    1、邊框的組成:

    border: 1px solid #fff

    參數:

    第一個是邊框的粗細  1px

    第二個是邊框的樣式  solid 實線  dashed  虛線  dotted  點畫線 (不兼容 在不同的瀏覽器上顯示的不一樣)

    第三個是邊框的顏色 red 直接用英文單詞表示顏色  #f00  顏色的十六進制表示法  rgb(255,0,0) rgb表示法

    2、復合樣式

    /*border: 1px solid red; /*復合樣式*/

    3、單一設置

    border-width: 1px 2px 2px 1px;

    border-style: solid dashed dotted solid;

    border-color:red green blue pink;

    /*分別為上→右→下→左 邊框設置*/

    這樣代表上邊框    右邊框   下邊框   左邊框  分別對四條邊框進行設置

    border-width: 1px 2px;

    border-style: solid dashed;

    border-color:red green;

    /*分別為 上下 左右 邊框設置*/

    兩個值代表:上下邊框   左右邊框

    三個值代表:上邊框   左右邊框   下邊框   (小編不懂為啥是這樣分的  可能就是統一的吧)

    也可以對每一個邊框單獨設置!

    border-top;

    border-right;

    border-bottom;

    border-left;

    但是工作中應該不要這么細分。因為不僅工作量大,而且也很怪異,不美觀。

    1600054593326599.jpg


    聯系我們

    把你的需求告訴我們,讓我們的團隊為您服務!

    咨詢熱線

    400-905-7771

    在線咨詢 QQ咨詢

    精品人妻AV综合一区
  • <bdo id="kimmi"></bdo>