CSS之文字效果

2021-06-28 12:37:40 字數 790 閱讀 6304

1 文字陰影效果

語法1:

e  /* x, y為偏移量,取值可正可負, 預設為黑色 */

語法2:

e

語法3:

e

示例:

.txt-sha

2 多重陰影效果

語法:

e

示例:

.txt-sha

3 控制文字溢位

語法:

e   /* keyword的取值可以是clip(預設)、ellipsis */

示例(超出文字顯示為省略號):

p

4 文字對齊

e 

e

5 控制文字換行

e   /* keyword的取值可以是normal、break-word */

6 連詞

e    /* keyword:namual, auto, none */

7 調整大小

e     /* keyword: horizontal, vertical, both, none */

CSS 文字效果

1.1 自定義字型 這段文字使用的是徐靜蕾字型。這段文字使用的是預設字型。1.2 段落首字元下沉 縮排及特殊顯示 段落首字元下沉 縮排及特殊顯示 段落首字元下沉和15畫素的縮排 if 首字元不下沉 首字元英文小寫和懸掛縮排 6畫素 if 段落的首字元不下沉 首字母英文大寫 1.3 自定義文字選中樣式...

css文字效果

css3 中,text shadow屬性適用於文字陰影。您指定了水平陰影,垂直陰影,模糊的距離,以及陰影的顏色 text shadow 5px 5px 5px ff0000 水平位置 垂直位置 模糊距離 陰影顏色 如果某個單詞太長,不適合在乙個區域內,它擴充套件到外面 css3中,自動換行屬性允許您...

CSS文字效果

text shadow 文字陰影 text shadow 畫素值1 畫素值2 畫素值3 顏色值 畫素值1 水平陰影位置,可以為負值 必選屬性 畫素值2 水平垂直位置,可以為負值 必選屬性 畫素值3 陰影拓展的距離 顏色值 陰影顏色 可選屬性 box shadow 盒子陰影 box shadow 畫素...