css文本属性效果图 |css中设置水平线

color: #333; /*改变文字颜色*/
	font-size: 16px; /*改变文字大小*/
	font-family: "Helvetica Neue", sans-serif; /*改变字体样式*/
	text-align: center; /*让文字水平居中*/
	line-height: 1.5; /*设置行高*/
	text-decoration: underline; /*增加下划线*/
	text-transform: uppercase; /*转换为大写字母*/

使用这些属性可以创建很多不同的文本效果，下面是一些具体的例子：

/*改变文字颜色和大小*/
h1 {
color: #FF5733;
font-size: 36px;
}
/*改变字体样式*/
p {
font-family: "Times New Roman", serif;
}
/*让文字水平居中*/
h2 {
text-align: center;
}
/*设置行高*/
p {
line-height: 1.5;
}
/*增加下划线*/
a {
text-decoration: underline;
}
/*转换为大写字母*/
h3 {
text-transform: uppercase;
}

除了上面这些属性之外，CSS还有很多其他的文本属性，比如：

text-shadow: 2px 2px 4px #000; /*增加文字阴影*/
	word-wrap: break-word; /*自动换行*/
	text-overflow: ellipsis; /*在行末显示省略号*/
	letter-spacing: 2px; /*改变字母间距*/

只要熟练掌握了这些文本属性，就可以轻松地创建各种炫酷的文本效果了。