單個屬性
background-color
背景顏色
background-image
背景位址
background-repeat
是否平鋪
background-position
背景位置
background-attachment
背景固定還是滾動
背景的合寫（符合屬性）
background
背景顏色 背景位址 背景平鋪 背景滾動 背景位置
語法：
語法：background-repeat：repeat | no-repeat | repeat-x | repeat-y引數
repeat
背景影象在縱向和橫向上平鋪（預設）
no-repeat
背景影象不平鋪
repeat-x
背景影象在橫向上平鋪
repeat-y
背景影象在縱向上平鋪
語法：background-position：length | position引數
length
百分數 或 由浮點數和單位識別符號組成的長度值
position
top、center、bottom、left、right
說明：設定或檢索物件的背景影象位置，必須先指定background-image屬性。預設值為（0% 0%）。
如果只指定了乙個值，該值將用於橫座標。縱座標將預設為50%。第二個值用於縱座標。
該屬性定位不受物件的補丁屬性（padding）設定影響。
語法：background-attachment：scroll | fixed引數
scroll
背景影象隨物件內容波動
fixed
背景影象固定
書寫順序沒有無官方強制標準。
css3支援背景半透明的語法格式：
background: rgba(0,0,0,0.3);
最後乙個引數是alpha 透明度 取值範圍0~1。
注意：
背景半透明是指盒子背景半透明，盒子裡面的內容不受影響。
語法：border：border-width || border-style || border-color
語法：border-style：none | hidden | dotted | dashed | solod | double | groove | ridge | inset | outset
常用屬性：
引數none
沒有邊框即忽略所有邊框的寬度（預設值）
solid
邊框為單實線（最常用的）
dashed
邊框為虛線
dotted
邊框為點線
double
邊框為雙實線
設定內容
樣式屬性
常用屬性值
上邊框border-top-style：樣式； border-top-width：寬度； border-top-color： 顏色； border-top：寬度 樣式 顏色；
左邊框border-left-style：樣式； border-left-width：寬度； border-left-color： 顏色； border-left：寬度 樣式 顏色；
下邊框border-bottom-style：樣式； border-bottom-width：寬度； border-bottom-color： 顏色； border-bottom：寬度 樣式 顏色；
右邊框border-right-style：樣式； border-right-width：寬度； border-right-color： 顏色； border-right：寬度 樣式 顏色；
樣式綜合設定
border-style：上 [右 下 左]；
none（預設）、solid、dashed、dotted、double
寬度綜合設定
border-width：上 [右 下 左]；
畫素值顏色綜合設定
border-color：上 [右 下 左]；
顏色值、#十六進製制、rgb(r,g,b)、rgb(r%,g%,b%)
語法：table
border-collapse:collapse;表示邊框合併在一起。
語法：border-radius:50%;
css背景 邊框
border style dotted 邊框線虛線 border width 6px 邊框線的寬度 background repeat no repeat 不重複 填充背景必須要加上高度跟寬度 不然不顯示 background repeat repeat x 水平方向填充 background re...
CSS邊框和背景
1 邊框線條樣式 none 沒有邊框 dashed 破折線邊框 dotted 圓點線邊框 double 雙線邊框 groove 槽線邊框 inset 使元素內容具有內嵌效果的邊框 outset 使元素內容具有外凸效果的邊框 ridge 脊線邊框 solid 實線邊框 2 圓角邊框樣式 border ...
CSS3邊框背景
邊框背景 border image 邊框背景主要是用來給元素邊框新增背景影象，本質是用一張來修飾邊框背景，看下圖效果 用左邊來完成右邊的效果 先看一下邊框背景的引數 border image image boeder width 引數可寫1 4個 填充方式 stretch repeat round ...