如何使用css修饰文本样式的9种属性

如何使用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属性:向文本文字设置阴影

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


名称栏目:如何使用css修饰文本样式的9种属性
本文链接:http://hbruida.cn/article/jodosc.html