-
SS3 Gradient分為線性漸變(linear)和徑向漸變(radial) background-image:linear-gradient(to top right,#fff,#999); 第一個(gè)參數(shù)指定漸變方向,默認(rèn)為“180deg”,等同于“to bottom”,也可以為表示“角”的關(guān)鍵詞。0度表示漸變方向從下向上,90度表示從左向右,180度表示從上向下,270度表示從右向左。與之一一對應(yīng)的關(guān)鍵詞為to top、to right、to bottom和to left。除此之外,還可以使用“top left”左上角到右下角、“top right”右上角到左下角等。 第二個(gè)和第三個(gè)參查看全部
-
為邊框應(yīng)用圖片 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; } 不能統(tǒng)一設(shè)置邊框,如border-colors:#999 #666; 因?yàn)楸緦傩詾閭螌傩?,其分裂后才是有效屬?查看全部
-
多種色彩的邊框 border-colors border-colors是對邊框添加多個(gè)顏色。 如果你設(shè)置了border的寬度是Npx,那么你就可以在這個(gè)border上使用N種顏色,每種顏色顯示1px的寬度。 如果說你的border的寬度是10個(gè)像素,但是只聲明了5或6種顏色,那么最后一個(gè)顏色將被添加到剩下的寬度。查看全部
-
圓角效果 border-radius border-radius是向元素添加圓角邊框。 使用方法: border-radius: 10px; /* 所有角都使用半徑為10px的圓角 */ border-radius: 5px 4px 3px 2px; /* 四個(gè)半徑值分別是左上角、右上角、右下角和左下角,順時(shí)針 */查看全部
-
動畫效果查看全部
-
在編寫CSS3樣式時(shí),不同的瀏覽器可能需要不同的前綴。它表示該CSS屬性或規(guī)則尚未成為W3C標(biāo)準(zhǔn)的一部分,是瀏覽器的私有屬性, 前綴 瀏覽器 -webkit chrome和safari -moz firefox -ms IE -o opera查看全部
-
使用transform:translate(-50%,-50%);實(shí)現(xiàn)垂直居中。查看全部
-
陰影 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; /* 四個(gè)半徑值分別是左上角、右上角、右下角和左下角,順時(shí)針 */查看全部
-
CSS3 屬性選擇器查看全部
-
不錯(cuò)的練習(xí),留著,立體導(dǎo)航效果查看全部
-
clear查看全部
舉報(bào)
0/150
提交
取消