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

首頁 > 開發 > CSS > 正文

CSS text-shadow,box-shadow,border-radius屬性

2024-07-11 08:46:35
字體:
來源:轉載
供稿:網友

RGBA

前面的 3 個值是 RGB 顏色值,最后一個值是透明度的級別(0 = 透明,1 = 不透明)。

RGBA 可以應用于與顏色的任何屬性,如字體顏色,邊框顏色,背景顏色,陰影顏色等。

Text Shadow

文字陰影的結構順序為:x 軸偏移,y 軸偏移,模糊,顏色。

設置一個負值的 x 軸偏移將陰影轉移到左側。設置一個負值的 y 軸偏移轉將陰影轉移到頂部。別忘了,你可以在陰影顏色中應用 RGBA 值。

您也可以指定一個文本陰影列表(以逗號分隔)。下面的示例使用兩個文本陰影聲明制作了文字凸版效果(頂部 1px 和底部1px)。

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

Border Radius

邊界半徑 (border radius) 的寫法類似內邊距 (padding) 和 外邊距 (margin) 屬性(例如:border-radius:20px)。為使瀏覽器渲染邊界半徑屬性,需要在屬性名稱加上前綴,Webkit 引擎的瀏覽器為 "-webkit-",Firefox 則為 "-moz-"。

您可以為每個邊角指定不同的值。注意:Firefox 和 Webkit 的邊角屬性名稱是不相同的。

Box Shadow

盒陰影的結構和 text-shadow 相同,x 軸偏移,y 軸偏移,模糊,顏色。

同樣,您可以設置一個以上的盒陰影。下面是三個盒陰影聲明示例。

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

英文原稿:The Basics of CSS3 | WebDesignWall

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 察雅县| 巴楚县| 自治县| 仙居县| 锡林浩特市| 喀什市| 华亭县| 玛曲县| 三亚市| 年辖:市辖区| 永福县| 保定市| 嘉荫县| 杂多县| 新巴尔虎右旗| 青川县| 安远县| 舞钢市| 丰城市| 松阳县| 汾阳市| 定襄县| 楚雄市| 涡阳县| 剑河县| 沁阳市| 新津县| 芜湖市| 四川省| 亚东县| 平定县| 阿拉善盟| 和田市| 福泉市| 赣州市| 黄大仙区| 嘉善县| 长武县| 互助| 五莲县| 保亭|