CSS3 文本效果属性类型哪些

1，CSS3 的文本阴影

CSS3 中，text-shadow属性适用于文本阴影。

您指定了水平阴影，垂直阴影，模糊的距离，以及阴影的颜色：

2，CSS3 box-shadow属性

CSS3 中 CSS3 box-shadow 属性适用于盒子阴影

实例
div {
    box-shadow: 10px 10px 5px #888888;
}

3，CSS3 Text Overflow属性

CSS3文本溢出属性指定应向用户如何显示溢出内容

实例
p.test1 {
    white-space: nowrap; 
    width: 200px; 
    border: 1px solid #000000;
    overflow: hidden;
    text-overflow: clip; 
}
 
p.test2 {
    white-space: nowrap; 
    width: 200px; 
    border: 1px solid #000000;
    overflow: hidden;
    text-overflow: ellipsis; 
}

CSS3的换行

CSS3 单词拆分换行
CSS3 单词拆分换行属性指定换行规则：

CSS代码如下：

实例
p.test1 {
    word-break: keep-all;
}
 
p.test2 {
    word-break: break-all;
}

文章来自 www.lingxiaokeji.vip