CSS Test（文本）（四）

最新推荐文章于 2024-04-17 23:37:40 发布

青柠晶晶的1024

最新推荐文章于 2024-04-17 23:37:40 发布

阅读量720

点赞数

本文链接：https://blog.csdn.net/qq_38835140/article/details/86632531

版权

CSS Text文本格式

通过CSSText属性，你可以改变页面中文本的颜色、字符间距、对齐文本、装饰文本、对文本进行缩进等。

1.Text Color

颜色属性被用来设置文字的颜色。

颜色是通过CSS最经常的指定：

body{color:red;}
h1{color:#00ff00;}
p.ex{color:rgb(0,0,255);}

2.文本的对齐方式

文本排列属性是用来设置文本的水平对齐方式。文本可居中或对齐到左或右，两端对齐。

当text-align设置为"justify",每一行被展开为宽度相等，左，右外边距是对齐（如杂志或报纸）。

h1{text-align:center}
p{text-align:right}
span{text-align:justify}

3.文本修饰

text-decoration属性用来设置或删除文本的装饰。

text-decoration属性主要是用来删除链接的下划线。

<html>
<head>
<meta charset="utf-8"/>
<style>
a{
text-decoration:none;
}
</style>
</head>
<body>
Link  to:<a href="baidu.com"></a>
</body>
</html>

也可以这样装饰文字：

h1{text-decoration:overline;}
h2{text-decoration:line-through;}
h3{text-decoration:underline;}

4.文本转换

文本转换属性是用来指定在一个文本中的大写和小写字母。

可用于所有字句变成大写或小写字母，或每个单词的首字母大写。

h1{text-transform:uppercase;}      //大写
h2{text-transform:lowercase;}      //小写
h3{text-transform:capitalize;}     //每个单词首字母大写

5.文本缩进(text-indent)

文本缩进属性是用来指定文本的第一行的缩进。

<style>
p{
text-indent:50px;      //第一行缩进
}
</style>

6.文本间隔

word-spacing属性可以改变字（单词）之间的标准间隔。其默认值normal与设置值为0是一样的。

p{
word-spacing:30px;      //指定段字之间的空间，是30像素
}

7.所有CSS文本属性

关注