設定樣式 背景和邊框

2022-08-17 08:39:16 字數 576 閱讀 1239

一、背景(background)

背景顏色

background-color:red;(簡寫background:red;)

背景background-image:url(路徑);(簡寫background:url();)

背景平鋪

1、平鋪 (瀏覽器預設) 

2、不平鋪   

background-repeat:no-repeat;

3、只平鋪x軸/y軸 

background-repeat;repeat-x;

background-repeat:repeat-y;

背景大小    (可設定具體大小)

background-size:200px(x軸) 200px(y軸);

背景位置  (座標軸  向下為正  向右為正)

background-position:50% 50%

背景簡寫

二、邊框(border)

簡寫: border:red    1px   dashed;

邊框圓角

border-radius:20px;  (後面的值是具體的數字或百分比)

邊框樣式 背景樣式

1 邊框屬性 屬性說明 border width 邊框的寬度 border style 邊框的外觀 border color 邊框的顏色 border style 屬性值說明 none 無樣式hidden 與 none 相同。bug應用於表除外。對於表,hidden用於解決邊框衝突 solid 實線...

與背景和邊框相關樣式

新增屬性 background clip 指定背景的顯示範圍 ff moz background clip,其他 webkit background clip background origin 指定繪製背景影象時起點 ff moz background origin,其他 webkit backg...

CSS設定邊框 符號 背景樣式 鏈結屬性

一 css邊框空白 padding top 10px 上邊框留空白 padding right 10px 右邊框留空白 padding bottom 10px 下邊框留空白 padding left 10px 左邊框留空白 二 css符號屬性 list style type none 不標記 lis...