background-color屬性用於設定網頁背景顏色，background-color屬性接受任何任何有效的顏色值，預設背景顏色為透明（transparent）。語法格式如下：
background-image：none|url（url）描述repeat
背景水平和垂直方向都重複平鋪
repeat-x
背景水平方向重複平鋪
repeat-y
背景垂直方向重複平鋪
no-repeat
背景不重複平鋪
background-repeat屬性重複背景是從元素的左上角開始平鋪，直到水平，垂直或全部頁面都被背景覆蓋。
屬性值描述
scroll
預設值，當前頁面滾動時，背景隨頁面一起滾動
fixed
背景固定在頁面的可見區域裡
background-attachment屬性可以使背景始終處於視野範圍內，以避免出現因頁面滾動而消失的情況。
background-position屬性用於指定背景在頁面中所處的位置，該屬性值可以分為4類：絕對定義位置（length）。百分比定義位置（percentage），垂直對齊值和水平對齊值，其中垂直對齊值包括top，center，bottom，水平對齊值包括left，right，center。如下表：
屬性值描述
length
設定與邊距水平和垂直方向的距離長度，後跟長度單位。
percentage
以頁面元素框的寬度和高度的百分比放置
top背景頂部居中顯示
center
背景居中顯示
bottom
背景底部居中顯示
left
背景左部居中顯示
right
背景右部居中顯示
background-size：[||屬性說明如下表：
引數值說明
< length>
有浮點數字和單位識別符號組成的長度值，不可為負值
< percentage>
取值為0%-100%，不可為負值
cover
保持背景影象本身的高度比例，將縮放到正好可以完全覆蓋所定義的背景區域
contain
保持影象的本身寬高比較，將縮放到寬度或高度正好適應所定義的背景區域
background-position屬性總是以元素左上角原點作為背景影象定位，而background-origin屬性可以改變這種定位方式。
background-origin：border|padding|content
引數值說明
border
從border區域開始顯示背景
padding
從padding區域開始顯示背景
content
從content區域開始顯示背景
background-clip屬性用來判斷背景是否包含邊框區域，語法格式如下：
background-clip：border-box|padding-box|content-box|bo-clip引數值說明
border
從border區域開始顯示背景
padding
從padding區域開始顯示背景
content
從content區域開始顯示背景
no-clip
從邊框區域外開始裁剪背景
一次性設定背景樣式格式如下：
background：[background-color] [background-image] [background-repeat] [background-attachment] [background-position] [background-size] [background-clip] [background-origin]border-style屬性用來設定邊框樣式。他主要用於為頁面元素新增邊框，語法格式如下：
border-style：none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset屬性值描述
none
無邊框，無論邊框寬度設為多大
dotted
點線式邊框
dashed
破折線式邊框
solid
直線式邊框
double
雙線式邊框
groove
槽線式邊框
ridge
脊線式邊框
inset
內嵌效果的邊框
outset
突起效果的邊框
邊樣式定義屬性如下表：
屬性描述
border-top-style
設定上邊框的樣式
border-right-style
設定有邊框的樣式
border-bottom-style
設定下邊框的樣式
border-left-style
設定左邊框的樣式
語法格式如下：
border-color：colorborder-width：medium|thin|thick|lengthborder：border-width border-style border-colorborder-radius的語法格式：
border-radius：none|< length> [/< length>]?border-radius屬性可以根據不同的半徑值來繪製不同的圓角邊框，同樣也可以利用border-radius來定義邊框內部的圓角，即內圓角。需要注意的是，外部圓角邊框的半徑稱為外半徑，內邊半徑等於外邊半徑減去對應邊的寬度，即將邊框內部圓的半徑稱為內半徑。
CSS3邊框美化
1.邊框圓角border radius 單個寫法 border top left radius 水平半徑 垂直半徑 border top left radius 60px 120px border top right radius 60px 120px border bottom right rad...
CSS3邊框背景
邊框背景 border image 邊框背景主要是用來給元素邊框新增背景影象，本質是用一張來修飾邊框背景，看下圖效果 用左邊來完成右邊的效果 先看一下邊框背景的引數 border image image boeder width 引數可寫1 4個 填充方式 stretch repeat round ...
CSS3 邊框和背景
下述內容主要講述了 html5權威指南 第19章關於 使用邊框和背景 css3中邊框和樣式得到了增強。例如 可以建立圓角邊框，使用影象邊框，為元素建立陰影。表 基本邊框屬性屬性 說明值border width 設定邊框的寬度 長度值 百分數 thin medium thick border styl...