CSS教程(6):实例学习CSS如何控制网页文本

没钱01

没钱01

2016-02-19 23:55

今天图老师小编要向大家分享个CSS教程(6):实例学习CSS如何控制网页文本教程,过程简单易学,相信聪明的你一定能轻松get!

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

本CSS教程主要讲解网页文字实例:1、设置文本颜色,2、设置文本的背景颜色,3、规定字符间距。

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

2、设置文本的背景颜色

本例颜色如何设置部分文本的背景颜色。本文来自于网页教学网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

3、规定字符间距

本例演示如何增加或减少字符间距。

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://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

CSS教程(6):实例学习CSS如何控制网页文本

Web开发
CSS教程(6):实例学习CSS如何控制网页文本

CSS教程:CSS控制网页文字排版实例

Web开发
CSS教程:CSS控制网页文字排版实例

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS教程:通过实例学习CSS布局网页

Web开发
CSS教程:通过实例学习CSS布局网页

CSS教程:网页文本渐变

Web开发
CSS教程:网页文本渐变

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS制作网页实例:用CSS控制li标记样式

Web开发
CSS制作网页实例:用CSS控制li标记样式

CSS教程(2):通过实例学习CSS背景

Web开发
CSS教程(2):通过实例学习CSS背景

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS外边距叠加的问题,CSS教程

CSS外边距叠加的问题,CSS教程

如何使用画图工具修改图片大小

如何使用画图工具修改图片大小
下拉加载更多内容 ↓