CSS3 文本效果
2016-10-23 12:46
218 查看
CSS3 文本效果
CSS3 包含多个新的文本特性。在本章中,您将学到如下文本属性:
text-shadow
word-wrap
CSS3 文本阴影
在 CSS3 中,text-shadow 可向文本应用阴影。您能够规定水平阴影、垂直阴影、模糊距离,以及阴影的颜色:
实例
向标题添加阴影:
h1 { text-shadow: 5px 5px 5px #FF0000; }
CSS3 自动换行
单词太长的话就可能无法超出某个区域:允许对长单词进行拆分,并换行到下一行:
p {word-wrap:break-word;}
相关文章推荐
- 24个很酷的 CSS3 文本效果示例及教程
- 实现各种 CSS3 文本动画效果
- 【HTML5学习笔记】28:CSS3文本效果
- 第七十八节,CSS3文本效果
- Arctext.js - 基于 CSS3 & jQuery 的文本弯曲效果
- CSS3 文本效果
- css3文本效果
- css3新特性1——文本效果&边框&背景&多列
- 10个新鲜的CSS3文本效果制作与Web排版教程推荐
- 利用css3实现超出文本指定行数与省略号效果
- 15 个用 CSS3 实现的文本效果
- 使用CSS3线性渐变(linear-gradient)实现文本波浪线效果
- css3的文本效果text-justify
- [HTML] CSS3 文本效果
- CSS3入门【四】 文本效果
- 第 21 章 CSS3 文本效果
- Cool!15个创意的 CSS3 文本效果【下篇】
- css3的文本效果text-overflow
- css3文本效果
- CSS3 (四) 文本效果