Tag Archives: 文字效果

在前面一篇文章《CSS3中的边框效果》中，我们介绍了几种CSS3中的边框效果。今天，本文将接着介绍几种简单的、容易实现的CSS3文字处理效果，包括文字包裹、文字阴影、文字背景修饰、链接颜色渐变、文本选择颜色设置等。因为目前各个浏览器对CSS3的支持程度不一样，所以某些效果可能在有些浏览器中无法展现！这些效果在Chrome中全部通过测试有效，所以如果想欣赏到全部的CSS3效果，请切换到Chrome浏览器！ 1. 文字包裹效果 word-wrap属性取值有两个：normal和word-break，在处理长的英文字符串时特别有用。如下面示例，为创造一个长的字符串，我将句子用-替换空格，当使用normal时，字符串会溢出，但使用word-break时，字符串会自动截断并换行。将其和overflow配合使用（word-wrap:break-word;overflow:hidden;），可以有效的处理字符串溢出的问题。