-
SS3 Gradient分為線性漸變(linear)和徑向漸變(radial) background-image:linear-gradient(to top right,#fff,#999); 第一個參數指定漸變方向,默認為“180deg”,等同于“to bottom”,也可以為表示“角”的關鍵詞。0度表示漸變方向從下向上,90度表示從左向右,180度表示從上向下,270度表示從右向左。與之一一對應的關鍵詞為to top、to right、to bottom和to left。除此之外,還可以使用“top left”左上角到右下角、“top right”右上角到左下角等。 第二個和第三個參查看全部
-
為邊框應用圖片 border-image border-image:url(圖片路徑) 70 70 70 70 repeat/round/stretch查看全部
-
多種色彩的邊框 border-colors 使用方法: #border-colors { border-width:10px; border-style:solid; border-top-colors:#100 #300 #600 #800 #900; border-right-colors:#100 #300 #600 #800 #900; } 不能統一設置邊框,如border-colors:#999 #666; 因為本屬性為偽屬性,其分裂后才是有效屬性查看全部
-
多種色彩的邊框 border-colors border-colors是對邊框添加多個顏色。 如果你設置了border的寬度是Npx,那么你就可以在這個border上使用N種顏色,每種顏色顯示1px的寬度。 如果說你的border的寬度是10個像素,但是只聲明了5或6種顏色,那么最后一個顏色將被添加到剩下的寬度。查看全部
-
圓角效果 border-radius border-radius是向元素添加圓角邊框。 使用方法: border-radius: 10px; /* 所有角都使用半徑為10px的圓角 */ border-radius: 5px 4px 3px 2px; /* 四個半徑值分別是左上角、右上角、右下角和左下角,順時針 */查看全部
-
動畫效果查看全部
-
在編寫CSS3樣式時,不同的瀏覽器可能需要不同的前綴。它表示該CSS屬性或規則尚未成為W3C標準的一部分,是瀏覽器的私有屬性, 前綴 瀏覽器 -webkit chrome和safari -moz firefox -ms IE -o opera查看全部
-
使用transform:translate(-50%,-50%);實現垂直居中。查看全部
-
陰影 box-shadow .box_shadow{ box-shadow:4px 2px 6px #333333 inset; }查看全部
-
多種色彩的邊框 border-colors #border-colors { border-width:10px; border-style:solid; border-top-colors:#100 #300 #600 #800 #900; border-right-colors:#100 #300 #600 #800 #900; border-bottom-colors:#100 #300 #600 #800 #900; border-left-colors:#100 #300 #600 #800 #900; }查看全部
-
不是很懂的東西查看全部
-
圓角效果border-radius border-radius:50px;/* 所有角都使用半徑為50px的圓角 */ border-radius:50px 30px;/* 左上角和右下角都使用半徑為50px的圓角,右上角和左下角都是用半徑為30px的圓角 */ border-radius:50px 20px 30px 10px; /* 四個半徑值分別是左上角、右上角、右下角和左下角,順時針 */查看全部
-
CSS3 屬性選擇器查看全部
-
不錯的練習,留著,立體導航效果查看全部
-
clear查看全部
舉報
0/150
提交
取消