css如何对文本进行修饰？本篇文章就给大家总结了css修饰文本文字的一些方法，介绍一些css 修饰文本的属性，让大家了解css修饰文本文字的9种属性有哪些。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。
1、css设置文本文字颜色的属性
color属性：设置文本文字颜色。用法如下：
color：颜色值;
color属性可以设置的合法颜色值包括：16进制颜色值（例：#ffffff），rgb颜色值【例：rgb(0,0,0)】，rgba颜色值【例：rgb(0,0,0,0.5)，0.5表示透明度】，hsl颜色值【例：hsl(120,65%,75%)】，hsla颜色值【hsl(120,65%,75%,0.3)，0.3表示透明度】。
2、css文本文字行高（行间距）的属性
立即学习“前端免费学习笔记（深入）”；
line-height属性：设置行间的距离（行高）。用法如下：
line-height：值;
具体css line-height属性是如何设置文本文字的行间距，大家可以参考之前的文章【css如何设置行间距？css文本文字的行间距设置】，希望对大家有所帮助。
3、css设置文本文字的水平对齐方式的属性
text-align属性：设置元素中的文本文字的水平对齐方式。用法如下：
text-align: left || right || center || justify ;
left：设置文本文字左对齐。默认值：由浏览器决定。
right：设置文本文字右对齐。
center：设置文本文字居中对齐。
justify ：实现两端对齐文本效果。
4、css 文本缩进属性
text-indent属性：设置文本缩进。
具体css text-indent属性是怎样设置文本缩进的，大家可以参考【css如何实现首行缩进效果？text-indent属性实现首行缩进】。
5、设置文本文字装饰效果
text-decoration属性：定义添加到文本的修饰。
说明：
这个属性允许对文本设置某种效果，如加下划线。如果后代元素没有自己的装饰，祖先元素上设置的装饰会“延伸”到后代元素中。
用法：
text-indent：none || [underline(下划线) || overline(上划线) || line-through(中划线)] || blink ;
none：默认值，定义标准的文本。
underline ：定义文本下的一条线。
overline：定义文本上的一条线。
line-through：定义穿过文本下的一条线。
blink：定义闪烁的文本。
6、文本字符的大小写转换属性
text-transform属性：控制文本字符的大小写。
用法：
text-transform:uppercase(全大写) || lowercase(全小写) || capitalize(首字母大写) || none ;
大家可以参考文章【css如何设置字母的大小写？text-transform属性设置字母的大小写】，里面有具体介绍。
7、文本文字间距的属性
word-spacing属性：设置文字或单词之间的间距，单词之间的间距 = word-spacing + 空格大小。
letter-spacing属性：设置字母间的间隔。
大家可以参考文章【css如何设置文字间距？word-spacing属性与letter-spacing属性的简单比较】，里面介绍了word-spacing属性和letter-spacing属性设置文本文字的间距的方法，以及它们的区别。
8、文本文字阴影的属性
text-shadow属性：向文本文字设置阴影
具体如何实现文本文字阴影效果，大家可以阅读文章【css3如何添加文字阴影效果？text-shadow设置文字阴影效果】了解详情。
总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。更多相关教程请访问 CSS基础视频教程， CSS3视频教程，bootstrap教程！
以上就是css如何对文本进行修饰？css修饰文本样式的9种属性（总结）的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1612386.html
微信扫一扫 
支付宝扫一扫 
