您的位置:首页 > Web前端 > CSS

一天搞定CSS:文本text--05

2017-05-06 16:59 471 查看

1.文本体系



2.文本各属性取值

说明:

每一个属性后面的分支是属性值,以及对属性值的说明。
比如text-align- - - -有3个取值:left,center,right




3.空格大小



4.代码演示

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--
文本

color               颜色
text-algin          文本的对齐方式
text-indent         首行缩进(em缩进字符)
text-decoration     文本修饰
letter-spacing      字母的间距
word-spacing            单词的间距(以空格来解析)
white-space         强制不换行
-->
<style type="text/css">
div{
width: 1000px;
border: 1px solid blue;
font: bold 30px/50px "微软雅黑";

/*text--set*/
color: red;
text-align: center;
text-decoration: line-through;
letter-spacing: 5px;
text-indent: 2em;
white-space: nowrap;
}
</style>
</head>
<body>
<div id="">
我在学习H5教程,我会成为前端大神的!
</div>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: