css3文本效果
2017-09-25 21:40
127 查看
.my p{
text-shadow: 5px 5px 5px red;
}
1.text-shadow文本效果,文字阴影;
2.CSS3文本溢出属性指定应向用户如何显示溢出内容处理:text-overflow处理的效果1).ellipsis表示以省略号代替;2).
(1).代码效果 text-overflow:clip
UI效果:
(2).text-overflow:ellipsis
效果图:
text-overflow:'>>'字符串(必须特殊符号必须在firfox才有效果;),符号的个数也与文本的宽度有关系的,也能产生效果;效果图:
文本换行:
word-wrap:break-word;表示打破文章单词的完整性;
keep-all,表示单词的完整性;
如要更加细致的
9c03
研究有关文本文字效果,请参考菜鸟教程!
text-shadow: 5px 5px 5px red;
}
1.text-shadow文本效果,文字阴影;
2.CSS3文本溢出属性指定应向用户如何显示溢出内容处理:text-overflow处理的效果1).ellipsis表示以省略号代替;2).
(1).代码效果 text-overflow:clip
UI效果:
(2).text-overflow:ellipsis
效果图:
text-overflow:'>>'字符串(必须特殊符号必须在firfox才有效果;),符号的个数也与文本的宽度有关系的,也能产生效果;效果图:
文本换行:
word-wrap:break-word;表示打破文章单词的完整性;
keep-all,表示单词的完整性;
如要更加细致的
9c03
研究有关文本文字效果,请参考菜鸟教程!
相关文章推荐
- CSS3 文本效果
- CSS3(背景样式,文本立体效果,2d3d转换及动画)第八天
- [HTML] CSS3 文本效果
- CSS3_文本效果&字体
- CSS3 文本效果
- Cool!15个创意的 CSS3 文本效果【下篇】
- 使用CSS3创建3D文本效果
- [14]CSS3 文本效果
- [14]CSS3 文本效果
- 15 个用 CSS3 实现的文本效果
- CSS3实现的文本3D效果附图
- CSS3 文本效果
- CSS3 文本效果
- CSS3文本效果 、字体
- css3选择器、背景、边框、渐变、阴影以及文本效果的介绍及实现
- CSS3 应用02 - 嵌入字+立体字+霓虹灯 等文本效果
- CSS3新标准选择器 框模型 背景和边框 文本效果 2D/3D 转换 动画 多列布局 用户界面
- 第七十八节,CSS3文本效果
- css3的文本效果text-justify
- css3学习总结5--CSS3文本效果