css3文字陰影

2022-08-23 03:03:10 字數 491 閱讀 3920

text-shadow可以用來設定文字的陰影效果。

語法：

1


text-shadow: x-offset y-offset blur color;
x-offset：表示陰影的水平偏移距離，其值為正值時陰影向右偏移，反之向左偏移；

y-offset：是指陰影的垂直偏移距離，如果其值是正值時，陰影向下偏移，反之向上偏移；

blur：是指陰影的模糊程度，其值不能是負值，如果值越大，陰影越模糊，反之陰影越清晰，如果不需要陰影模糊可以將blur值設定為0；

color：是指陰影的顏色，可以使用rgba色。

html**：

1


<


p>這是一段文字


p>
css**：

1


p
效果：

css3 文字陰影

text shadow 基本語法 textshadow none length none shadow shadow textshadow none color color length 表示由浮點數字和單位識別符號組成的長度值，可為負值，指定陰影的水平延伸距離 color 表示顏色。陰影位於左上角...

CSS3 文字陰影

例項 基礎的文字陰影效果 h1語法 text shadow h shadow v shadow blur color 注釋 text shadow 屬性向文字新增乙個或多個陰影。該屬性是逗號分隔的陰影列表，每個陰影有兩個或三個長度值和乙個可選的顏色值進行規定。省略的長度是 0。值描述 h shado...

CSS3文字陰影 盒子陰影

1 文字陰影text shadow text shadow 值1 值2 值3 值4 text shadow 10px 10px 4px pink 值1 水平方向位置，向右為正值 必須有，可以為負值 值2 垂直方向位置，向下為正值，必須有，可以為負值 值3 陰影的模糊程度，不支援負值 值4 顏色設定 ...