当前位置: 技术文章>> CSS 文本样式设置

文章标题:CSS 文本样式设置
  • 文章分类: 前端
  • 22540 阅读

1. 文本颜色

color属性用于设置文本的颜色。颜色由以下值指定:

  • 十六进制值 - 如: #FF0000

  • 一个RGB值 - 如: RGB(255,0,0)

  • 颜色的名称 - 如: red

一般页面的默认文本颜色是在 body 选择器中定义的,也可以针对指定元素设置具体的文本颜色,实例如下:

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

2. 文本的对齐方式

text-align属性是用来设置文本的水平对齐方式,可以设置文本左对齐、右对齐、居中对齐和两端对齐。

实例:

h1 {text-align:center;}
p {text-align:right;}
p {text-align:justify;}
div {text-align: justify;}

3. 文本装饰

text-decoration 属性用来设置或删除文本的装饰,规定添加到文本的修饰,下划线、上划线、删除线等。

实例:
a {text-decoration:none;}
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}

4. 文本转换

text-transform属性是用来指定在一个文本中的大写和小写字母,可用于所有字句变成大写或小写字母,或每个单词的首字母大写等。

实例:
p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}

5. 文本缩进

text-indent属性用于规定文本块中首行文本的缩进,语法为text-indent : length | % 。该属性允许使用负值;如果使用负值,那么首行会被缩进到左边。

实例:
p {text-indent:50px;}


推荐文章