---------顏色表示方法
background: --
1) red -- 英文單詞
2) #ff0000 -- 16進製制
3) rgb(255,0,0) --3元色
4) rgb(100%, 0%, 0%) --百分比
---------背景起始位置
background-origin: padding-box / border-box / content-box;
邊框起始 內邊距起始 內容起始
---------背景色起始位置
background-clip: boder-box / padding-box / content-box;
邊框起始 內邊距起始 內容起始
例: 如背景色黃色 邊框起始 邊框邊框也為黃
---------設定背景大小
background-size:寬度px 高度px;
background-size: length / percentage / cover / contain;
value
description
length
用數值來設定的寬度和高度,第乙個值為寬度,第二個值為高度,如果只設定乙個值,那第二個被設為auto.
percentage
用百分比來設定的寬度和高度,第乙個值為寬度,第二個值為高度,如果只設定乙個值,那第二個被設為auto.
cover
以自身的尺寸比例來拉伸以封滿某個元素.
contain
以自身的尺寸比例來拉伸或縮小以但某個元素能完全顯示此
---------背景顏色
background/background-color: #000000 - #ffffff / red blue green… ;
---------背景插入
background-image: url(「位址」)/過度;
例:background-image: -webkit-linear-greadient( -- , -- , -- )
---------背景顏色疊加
background: red url() no-repeat -- --;
---------多背景圖
background: url(『 』) no-repeat -- -- , url(『 』) no-repeat -- --/-- --;
1 2/大小
---------背景色hsl
background: hsl( h , s , l );
h: 色調 0-紅 120-綠 240-蘭 0-360
s: 飽和度 0-100%
l: 亮度 0-100% 0%為黑
---------背景平鋪
background-repeat: repeat / no-repeat / repeat-x / repeat-y;
平鋪/不平鋪/水平平鋪/垂直平鋪
---------背景定位
top left / top center / top right -a/b方位前後可互換
left center/ center center / right center
bottom left/ bottom center / bottom right
---------背景關聯
background-attachment: scroll / fixed /inherit; 滾動/固定/繼承
---------單選邊框
border-left/top/right/bottom; 左/上/右/下
---------邊框寬度
border-width:0 – 99999px;
border-width:thin medium thick 10px;
上邊框是細邊框
右邊框是中等邊框
下邊框是粗邊框
左邊框是 10px 寬的邊框
3值: 上 左右 下
2值: 上下 左右
---------邊框樣式
border-style: solid / dashed / double / transparent
單實線/虛線/雙實線/透明
---------邊框顏色
border-color: #000000 - #ffffff / red blue green… ;
---------border復合樣式寫法
border/ border-left/ … : width style color; 線寬 樣式 顏色
border: 1px solid red;
---------background復合樣式寫法
background: url(「路徑」) repeat position; 路徑 平鋪 位置
css背景設定
1 background color 背景顏色 2 background image 背景 3 background repeat 背景重複 4 background position 背景位置 5 background size 背景尺寸 6 background attachment 背景粘附 ...
css背景設定
注 所有的 都在中實現 背景色 background color 顏色 背景 背景大小 background size 平鋪 重複 background repeat no repeat 此行表示不平鋪 背景位置 background position 傳值 x y xy可正可負 傳關鍵字 x ce...
CSS 背景設定
css允許應用純色作為背景，也允許使用背景影象建立相當複雜的效果 backgroundbody object.style.background white url gif repeat y 值 描述background color規定要使用的背景顏色 background position規定背景影...