今天图老师小编要向大家分享个CSS教程(6)：实例学习CSS如何控制网页文本教程，过程简单易学，相信聪明的你一定能轻松get！
【 tulaoshi.com - Web开发 】
本CSS教程主要讲解网页文字实例：1、设置文本颜色，2、设置文本的背景颜色，3、规定字符间距。
（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）1、设置文本颜色本例演示如何设置文本的颜色。
html
head
style type="text/css"
h1 {color: #00ff00}
h2 {color: #dda0dd}
p {color: rgb(0,0,255)}
/style
/head
body
h1这是 header 1/h1
h2这是 header 2/h2
p这是一个段落。/p
/body
/html
本例颜色如何设置部分文本的背景颜色。本文来自于网页教学网WebjxCom
html
head
style type="text/css"
span.highlight
{
background-color:yellow
}
/style
/head
body
p
span class="highlight"这是文本。/span 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 这是文本。 span class="highlight"这是文本。/span
/p
/body
/html
本例演示如何增加或减少字符间距。
html
head
style type="text/css"
h1 {letter-spacing: -3px}
h4 {letter-spacing: 0.5cm}
/style
/head
body
h1This is header 1/h1
h4This is header 4/h4
/body
/html
来源:http://www.tulaoshi.com/n/20160219/1630877.html
看过《CSS教程(6)：实例学习CSS如何控制网页文本》的人还看了以下文章 更多>>
