首页 > 代码库 > 文本属性
文本属性
设置文本颜色：
<style type="text/css">body {color:red}h1 {color:#00ff00}p.ex {color:rgb(0,0,255)}</style>
设置文本背景颜色：
<style type="text/css">span.highlight{background-color:yellow}</style>
设置字符间距：
<head><style type="text/css">h1 {letter-spacing: -0.5em}h4 {letter-spacing: 20px}</style>
设置行间距的三种方法：
1.百分比
<head><style type="text/css">p.small {line-height: 90%}p.big {line-height: 200%}</style>
在大多数浏览器中默认行高大约是 110% 到 120%。
2.像素
<style type="text/css">p.small { line-height: 10px }p.big { line-height: 30px }</style>
在大多数浏览器中默认行高大约是 20px。
3.数值
<style type="text/css">p.small{line-height: 0.5}p.big{line-height: 2}</style>
默认行高大约是 1。
对齐文本：
<style type="text/css">h1 {text-align: center}h2 {text-align: left}h3 {text-align: right}</style>
修饰文本
<style type="text/css">h1 {text-decoration: overline}h2 {text-decoration: line-through}h3 {text-decoration: underline}h4 {text-decoration:blink}a {text-decoration: none}</style>
text-decoration:blink 定义闪烁的文本
缩进文本：
<head><style type="text/css">p {text-indent: 1cm}</style>
允许使用负值。如果使用负值，那么首行会被缩进到左边。
控制文本中的字母：
<style type="text/css"> h1 {text-transform: uppercase} p.uppercase {text-transform: uppercase} p.lowercase {text-transform: lowercase} p.capitalize {text-transform: capitalize}</style>
text-transform: capitalize 首字母大写
在元素中 禁止文本折行
<style type="text/css">p{white-space: nowrap}</style>
增加单词 间距
<style type="text/css">p.spread {word-spacing: 30px;}p.tight {word-spacing: -0.5em;}</style>
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。