手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS教程(6):实例学习CSS如何控制网页文本
CSS教程(6):实例学习CSS如何控制网页文本
摘要:本CSS教程主要讲解网页文字实例:1、设置文本颜色,2、设置文本的背景颜色,3、规定字符间距。本CSS教程主要讲解网页文字实例: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>

【CSS教程(6):实例学习CSS如何控制网页文本】相关文章:

巧用CSS自定义网页下划线样式

CSS基础教程:CSS属性结合起来使用

Div CSS实例教程:页面制作方法

CSS BUG顺口溜,快速牢记CSS的Bug处理方法

CSS如何控制网页(WEB)字体

CSS应用基础教程(5) 文字性质

css教程:px和pt区别

CSS基础教程:CSS的Text 文本

CSS教程:CSS的Background Images背景图片

CSS如何控制网页(WEB)字体

精品推荐
分类导航