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

2024-01-18 10:41 小编

用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>

4、实例造诣截图

一段文字中使用span css设置其中部分文字设置不同颜色
一段文字中运用span css设置装备摆设此中一部分翰墨设置差异色彩