购物车
登陆 / 注册
微信扫码登陆

推荐手册

CSS 文本(Text)

CSS 文本(Text)
CSS 文本属性可定义文本的外观。 通过文本属性,您可以改变文本的颜色、字符间距,对齐文本,装饰文本,对文本进行缩进
编辑:前端控 前端控 更新时间:2019-03-25 09:43:43

CSS Text(文本) 

CSS 文本属性可定义文本的外观。

通过文本属性,您可以改变文本的颜色、字符间距,对齐文本,装饰文本,对文本进行缩进以及文本转换

文本的对齐方式

文本排列属性是用来设置文本的水平对齐方式

文本可设置为居中或对齐到左或右,两端对齐.

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

实例

div{width:450px;
height: 300px;
text-align:left;
border: 1px solid #ccc;
}

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图

文本修饰

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

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

实例

a{
text-decoration:none;
}

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

Image 23.jpg

文本颜色:

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

实例

h1{
color:blue;
}

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

文本转换

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

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

uppercase:转化为大写字母

lowercase:转换为小写字母

capitalize:每个单词的首字母大写

实例

h1{
text-transform:lowercase
}

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

Image 25.jpg

文本缩进

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

实例

div{width:450px;
height: 300px;
text-indent:50px;
border: 1px solid #ccc;
}

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

Image 26.jpg


所有CSS文本属性

属性描述
color设置文本颜色
direction设置文本方向。
letter-spacing设置字符间距
line-height设置行高
text-align对齐元素中的文本
text-decoration向文本添加修饰
text-indent缩进元素中文本的首行
text-shadow设置文本阴影
text-transform控制元素中的字母
unicode-bidi设置或返回文本是否被重写
vertical-align设置元素的垂直对齐
white-space设置元素中空白的处理方式
word-spacing设置字间距


网站导航
网站首页
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ交流群
微信公众号
微信公众号