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级毛片|