圓角：border-radius:8px；全部四個角 border-radius:6px 8px; 對角線 border-radius:6px 10px 8px; 右上角跟左下角相同
border-radius:100px/150px 前面是x軸半徑 y軸半徑 border-radius:100px 200px 300px 400px/100px 200px 300px 400px 前面是x軸半徑 y軸半徑
旋**-webkit-transform:rotate(720deg);
邊框背景
邊框顏色:border-left-color:blue yellow red;
漸變:-webkit-linear-gradient:(left,red,blue)
-webkit-linear-gradient:(60deg,red,0,blue,100px,yellow,100px)
-webkit-repeating-linear-gradient:(60deg,red,0,blue,100px,yellow,100px)
background:-webkit-repeating-linear-gradient:(left,red,0,blue,0)
徑向漸變
background:-webkit-radial-gradient(top,)//沒有度數 起點
背景等比縮放固定
background-image:url(../1.png);
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
-moz-background-size:cover;
css3新增加的選擇器
一 屬性選擇器 e attr 只要有屬性名 e attr value 屬性名 屬性值 e attr blue 包含這個blue整個單詞就可以 e attr c 以這個字母c開頭的 e attr b 以這個字母b結尾的 e attr a 只要包含a這個字母就行 e attr z 只要以字母z 開頭的或...
CSS3教程 新增加的結構偽類
css 3增加了大量的結構偽類，利用文件結構樹來實現表現，從而可以減少頁面內class屬性和id屬性的定義，使得文件更加簡潔。相關閱讀文章 css3屬性選擇符介紹 4.7.3 結構偽類 structural pseudo classes css 3增加了大量的結構偽類，利用文件結構樹來實現表現，從而...
CSS3新增屬性用法整理CSS3新增屬性用法整理
css3新增屬性用法整理 css3新增屬性用法整理 1 box shadow 陰影效果 2 border color 為邊框設定多種顏色 3 border image 邊框 4 text shadow 文字陰影 5 text overflow 文字截斷 6 word wrap 自動換行 7 bord...