用span css设置div内部分字体颜色

2019年11月30日作者：佚名

用span标签设置div内放一段文字中的一小部分文字字体色采方式。

一段笔墨放在DIV内或P内，当咱们配置div或p设置字体色彩，内里全体笔墨的字体色调就会变成咱们所配置字体色彩。通常会结构一段翰墨中个中几个字或一小块字的字体色采不同，此时就可以或许奇妙运用span标签配置class或id或直接设置装备摆设CSS来设置需要字体色采。

1、CSS色采花样单词：color

2、实例教程运用说明

这里对p与DIV内翰墨形式中此中部分文字设置装备摆设不同色彩。

3、实例代码（残破版包含HTML与CSS、如下代码可直接拷贝复制来实践）

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>span对一段文字此中部分笔墨设置差异色调 CSS5</title>
<style>
div{ color:#000}
p{ color:#F00}
.red{ color:#F00}
#blue{ color:#06F}
</style>
</head>
<body>
<div>迎接脱离CSS5学习CSS妙技，<span class="red">驾驭DIV CSS拓荒</span></div>
<p>此案例是对一段笔墨中，其中有部分笔墨<span id="blue">设置差别的颜色</span>。运用SPAN标签来完成。</p>
<p>直接对笔墨使用span后直接写CSS<span style="color:#6C0">实现差距字体色彩</span></p>
</body>
</html>