CSS3是相對於原版本的稱呼，我們一般所說的CSS指的是CSS2.0版本，是對於CSS的升級擴充套件和加強。並且完全向下相容，瀏覽器始終支援CSS2.0。
工具/原料
win7
phpstorm
圓角邊框
圓角屬性名：border-radius
這裡需要注意的是需要相容瀏覽器相容，直接打上border-ra選擇最長的一條可以直接得到
衍生：左上角，右上角，右下角，左下角分別為
border-radius-top-left,border-radius-top-right,border-radius-bottom-right,border-radius-bottom-left
具體利用例子體現
先在html中新增三個div，並且為它們新增具體樣式。
開啟chrome瀏覽器進行觀察。
圖片邊框
先找個素材，百度圖片邊框，隨便找一張合適的圖片。將其拖進ps中，這裡有個簡單的測量方法，將其拖出一個九宮格的形式。測量小角上的大小。
這張圖片左上角為94x94，程式碼如圖所示，在瀏覽器中可以顯示出來。
樣式寬度為100%，高度為200px，可以隨便設定。
streach是對中間部分進行擴充套件。
這裡將圖片進行九宮格編號，1-9，從左至右，從上至下，那麼1,3,7,9分別佔據四位，中間部分進行相當於repeat的重複。
陰影
陰影分為盒陰影和字型陰影。
先寫樣式表。
盒陰影box-shadow:[inset] hoffset voffset [blur] [spread] [color]inset 加上此屬性，代表設定為“內陰影”hoffset，voffset 橫向偏移，縱向偏移blur 陰影的模糊距離spread 陰影擴大的距離color 陰影顏色
可以進行具體測試。
字型陰影
相對於盒陰影的屬性少些。
注意事項
CSS3.0這些相對比較簡單，還是需要多練習。
這裡沒有將2D轉換，3D轉換和幀動畫寫進去，我寫在了另外的經驗中，因為這個相對比較複雜。