CSS常用文本属性

简介: 文本对齐属性(text-align) 这个属性用来设定文本的对齐方式。有以下值: left (居左,缺省值) right (居右) center (居中) justify (两端对齐) 示例代码如下: .p2 {text-align:right} 演示示例 文本修饰属性(text-decoration) 这个属性主要设定文本划线的属性。

文本对齐属性(text-align)

这个属性用来设定文本的对齐方式。有以下值:

  • left (居左,缺省值)
  • right (居右)
  • center (居中)
  • justify (两端对齐)

示例代码如下:

.p2 {text-align:right}

演示示例

文本修饰属性(text-decoration)

这个属性主要设定文本划线的属性。有以下值:

  • none (无,缺省值)
  • underline (下划线)
  • overline (上划线)
  • line-through (当中划线)

示例代码如下:

.p2 {text-decoration: underline}

演示示例

文本缩进属性(text-indent)

这个属性设定文本首行缩进。其值有以下设定方法:

  • length (长度,可以用绝对单位(cm, mm, in, pt, pc)或者相对单位 (em, ex, px))
  • percentage (百分比,相当于父对象宽度的百分比)

示例代码如下:

.p1 {text-indent: 8mm}

演示示例

行高属性(line-height)

这个属性设定每行之间的距离。其值有以下设定方法:

  • normal (缺省值)
  • length (长度,可以用绝对单位(cm, mm, in, pt,pc)或者相对单位 (em, ex, px))
  • percentage (百分比,相当于父对象高度的百分比)

示例代码如下:

.p1 {line-height:1cm}

演示示例

字间距属性(letter-spacing)

这个属性用来设定字符之间的距离。

  • normal (缺省值)
  • length (长度,可以用绝对单位(cm, mm, in, pt, pc)或者相对单位 (em, ex, px))

示例代码如下:

.p1 {letter-spacing: 3mm}

演示示例

颜色属性(color)

用颜色属性(color)可以改变文本的字体颜色。字体颜色代码请参见HTML颜色参考(HTML Color Reference)。示例代码如下:

.p1{color:gray}

演示示例

来源:http://www.admin5.com/html/css_tutorials/015_css_text.html

目录
相关文章
|
1月前
|
前端开发
CSS常用属性理解
CSS常用属性理解
15 0
|
1月前
|
前端开发
|
2月前
|
人工智能 前端开发 Cloud Native
css选择器有哪些?优先级?哪些属性可以继承?
css选择器有哪些?优先级?哪些属性可以继承?
|
3月前
|
前端开发
CSS中哪些属性可以继承?
CSS中哪些属性可以继承?
18 0
|
4月前
|
JSON JavaScript 前端开发
jQuery$工具方法和CSS的属性经及方法
jQuery$工具方法和CSS的属性经及方法
35 0
|
2天前
|
Web App开发 存储 前端开发
【JavaEE初阶】 CSS相关属性,元素显示模式,盒模型,弹性布局,Chrome 调试工具||相关讲解
【JavaEE初阶】 CSS相关属性,元素显示模式,盒模型,弹性布局,Chrome 调试工具||相关讲解
|
3月前
|
前端开发 开发者
css3中有哪些新属性都有什么用处
css3中有哪些新属性都有什么用处
45 0
|
21天前
|
前端开发 开发者
「提高你的CSS技能」:15个重要的CSS属性详解
这篇文章介绍了15个重要的CSS属性,旨在提高读者的CSS知识和技能。文章以清晰的方式解释了每个属性的作用和用法,并提供了相应的示例代码。通过这篇文章,读者可以了解到一些有趣且实用的CSS属性。
|
30天前
|
Web App开发 移动开发 前端开发
【CSS】<Cascading Style Sheets>CSS3常用样式属性
【1月更文挑战第22天】【CSS】<Cascading Style Sheets>CSS3常用样式属性
|
2月前
|
前端开发
CSS背景属性之颜色渐变
CSS背景属性之颜色渐变
19 0

相关产品

  • 云迁移中心