CSS之文本效果

1 文本阴影效果

语法1：

E {text-shadow: x y;} /* x, y为偏移量，取值可正可负， 默认为黑色 */

语法2：

E {text-shadow： x y color;}

语法3：

E {text-shadow: x y blur-radius color; }

示例：

.txt-sha { text-shadow: 2px 2px 2px #eee; }

2 多重阴影效果

语法：

E {text-shadow： value, value, ... }

示例：

.txt-sha {
    text-shadow:
    0 -2px 3px #fff,
    0 -4px 3px #aaa,
    0 -6px 6px #666;
}

3 控制文本溢出

语法：

E { text-overflow: keyword; }  /* keyword的取值可以是clip（默认）、ellipsis */

示例（超出文本显示为省略号）：

p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

4 文本对齐

E { text-align: keyword; }
E { text-align-last: keyword; }

5 控制文本换行

E { word-wrap: keyword; }  /* keyword的取值可以是normal、break-word */

6 连词

E { hyphens: keyword; }   /* keyword:namual, auto, none */

7 调整大小

E { resize: keyword; }    /* keyword: horizontal, vertical, both, none */