国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 開(kāi)發(fā) > CSS > 正文

CSS3基礎(chǔ)(RGBa、text-shadow、box-shadow、border-radius)

2024-07-11 08:48:36
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

RGBa
前三個(gè)值是RGB色值,最后一個(gè)值是十進(jìn)制的alpha不透明度值(0=透明,1=不透明)

CSS 3 RGBa實(shí)現(xiàn)半透明背景
RBGa可以用于任何更顏色相關(guān)的屬性,例如字體顏色、邊框顏色、背景顏色、陰影顏色等。

RGBa可以應(yīng)用在所有顏色屬性上
譯者注:RGBa與opacity的區(qū)別在于opacity除了對(duì)被背景生效之外,應(yīng)用它的元素內(nèi)容也會(huì)繼承它,也就說(shuō)內(nèi)容也會(huì)和背景一樣變透明,RGBa正是為了解決這個(gè)問(wèn)題的設(shè)計(jì)的。)

TEXT SHADOW
Text shadow由以下順序構(gòu)成:x-offset, y-offset, blur, and color,即垂直偏移、水平偏移、投影寬度(模糊半徑)和顏色。

CSS 3 text-shadow屬性詳解
如果對(duì)水平偏移(x-offset)應(yīng)用負(fù)值,陰影將出現(xiàn)在元素的右邊;如果對(duì)垂直偏移(y-offset)應(yīng)用負(fù)值,陰影將出現(xiàn)在元素頂部,可以在陰影顏色上使用RGBa。模糊半徑的值越大,陰影越模糊,設(shè)置為0時(shí),陰影最清晰。

在text-shadow顏色上使用RGBa
也可以指定一系列text-shadow值(用逗號(hào)分隔),下面的例子使用兩個(gè)text-shadow實(shí)現(xiàn)文字凸起效果(上下各1px)。

text-shadow: 0 1px 0 #fff, 0 -1px 0 #000;

text-shadow 文字凸起效果
BORDER RADIUS
border radius(圓角)的速記法和padding和margin屬性類似(例如border-radius:20px),為使瀏覽器能識(shí)別圓角屬性,需添加特定的前綴,如”-webkit-”針對(duì)webkit瀏覽器,”-moz-”針對(duì)Firefox。

CSS 3圓角
每個(gè)角都可以指定不同的寬度,注意每個(gè)角分開(kāi)寫(xiě)時(shí)Webkit和Firefox的差異。

CSS 3圓角
BOX SHADOW
box-shadow的屬性結(jié)構(gòu)和text-shadow類似:x-offset, y-offset, blur, and color.

box-shadow屬性詳解
和text-shadow一樣,可以設(shè)定多組值,下面的例子是三組box-shadow聲明:

-moz-box-shadow:{
-2px -2px 0 #fff,
2px 2px 0 #bb9595,
2px 4px 15px rgba(0, 0, 0, .3);

}

CSS 3 box-shadow

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 垦利县| 无锡市| 永善县| 土默特右旗| 青川县| 堆龙德庆县| 库车县| 宁远县| 平定县| 鲁甸县| 香格里拉县| 无锡市| 遵化市| 抚顺市| 邵阳市| 班戈县| 蕉岭县| 石景山区| 揭西县| 赞皇县| 澄江县| 获嘉县| 阜南县| 马公市| 宿州市| 郸城县| 岳西县| 晋城| 将乐县| 文成县| 光泽县| 深州市| 理塘县| 礼泉县| 化州市| 视频| 桐庐县| 萨嘎县| 凤阳县| 蕲春县| 彝良县|