CSS3 的基礎(chǔ)知識(shí)
2012/1/12 15:10:11
RGBA
前三個(gè)值是RGB顏色值,最后一個(gè)值表示透明程度(0代表完全透明,1代表完全不透明)。
RGBA可以應(yīng)用于任何設(shè)計(jì)顏色的屬性,例如文字顏色、邊框顏色、背景顏色、陰影顏色等等。
文字陰影
文字陰影按照如下順序組織:x-offset,y-offset,blur,color;
將x-offset設(shè)置為負(fù)數(shù)值會(huì)將陰影向左邊移動(dòng)。將y-offset設(shè)置為負(fù)數(shù)值會(huì)將陰影向上面移動(dòng)。不要忘記你還可以給陰影顏色應(yīng)用RGBA值。
你還可以給文字應(yīng)用一系列的文字陰影(使用逗號(hào)隔開(kāi))。下面的例子使用了兩個(gè)文字陰影聲明創(chuàng)建出文字嵌入的效果(頂部1個(gè)像素和底部1個(gè)像素)。
text-shadow: 0 1px 0 #fff, 0 -1px 0 #000;
邊框半徑(譯者注:圓角效果)
邊框半徑的簡(jiǎn)寫(xiě)方式和內(nèi)邊距以及外邊距很相似(例如:border-radius:20px;)。為了使瀏覽器能夠渲染邊框半徑,需要給以webkit為內(nèi)核的瀏覽器在屬性前加上”-webkit”,給Firefox瀏覽器加上”-moz-”。
你可以給每一個(gè)角應(yīng)用不同的值。要注意webkit瀏覽器和Firefox在角的名稱(chēng)的寫(xiě)法上不同。
盒模型陰影
盒模型陰影的屬性順序和文字陰影屬性的順序相似:x-offset,y-offset,blur和color。
和前面一樣,你可以應(yīng)用多個(gè)盒陰影。下面的例子是三個(gè)盒陰影的聲明列表。
-moz-box-shadow:
-2px -2px 0 #fff,
2px 2px 0 #bb9595,
2px 4px 15px rgba(0,0,0, .3);
返回列表
返回首頁(yè)
主站蜘蛛池模板:
www.精品视频|
亚洲午夜福利在线视频|
蝌蚪蚪窝视频在线视频手机|
欧美乱妇高清无乱码免费
|
欧美性大战xxxxx久久久|
免费无码AV一区二区|
色综合a怡红院怡红院首页|
天天天天天天操|
乱亲玉米地初尝云雨|
欧美视频在线免费看|
免费特级黄色片|
老师洗澡喂我吃奶的视频|
在人间免费观看未删减|
三男三女换着曰|
欧美xxxx成人免费网站|
国产女人91精品嗷嗷嗷嗷|
www.日韩精品|
拔播拔播华人永久免费|
久久精品视频一区|
欧美一级视频免费观看|
亚洲欧美另类精品久久久|
男女男精品网站|
又黄又爽无遮挡免费视频|
sss欧美华人整片在线观看|
在线免费观看毛片网站|
www.午夜视频|
成人免费看www网址入口|
亚洲AV无码国产一区二区三区|
真实国产乱子伦高清|
国产大陆xxxx做受视频|
h视频在线免费看|
国产老熟女网站|
三级三级三级网站网址|
无遮挡很污很爽很黄的网站|
久久精品国产99国产精品亚洲|
波多野结衣久久|
伊大人香蕉久久网|
资源在线www天堂|
国产成人无码专区|
亚洲国产老鸭窝一区二区三区|
女人182毛片a级毛片|