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

ttx9n · 发表于 2009-4-2 19:34:08

网页制作Webjx文章简介：本CSS教程主要讲解网页文字实例：1、设置文本颜色，2、设置文本的背景颜色，3、规定字符间距。本CSS教程主要讲解网页文字实例：1、设置文本颜色，2、设置文本的背景颜色，3、规定字符间距。 1、设置
本CSS教程主要讲解网页文字实例：1、设置文本颜色，2、设置文本的背景颜色，3、规定字符间距。
本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>
<h1>This is header 1</h1>
<h4>This is header 4</h4>
</body>
</html>

6q8s6p21 · 发表于 2022-8-9 07:04:47

终于找到了，我擦

3pjdk29w · 发表于 2022-10-16 19:27:42

刷屏刷屏刷屏

fiyeid · 发表于 2023-1-20 09:40:40

可以，看卡巴

thywok · 发表于 2023-1-27 03:17:49

天天源码社区www.tiantianym.com

jasonlong · 发表于 2023-2-4 11:37:13

hi哦回复iOS就看见

r8st9 · 发表于 2023-2-10 12:50:58

这个源码不错啊

btbhs8t · 发表于 2023-8-29 17:49:47

给爸爸爸爸爸爸爸爸爸爸八佰伴八佰伴

vir5051 · 发表于 2023-9-22 01:38:55

看看看咋么

kwzc65wdj · 发表于 2023-12-7 20:36:47

dfdsafdsfdsfdsf

账号		自动登录	找回密码
密码			立即注册

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