•   欢迎来到21NN网.
  •   请记住本站网址www.21nn.cn

怎样用span css设置div内部份字体色彩?【html5教程】,span,css设置div颜色

摘要: 本篇文章给人人带来的内容是关于怎样用spancss设置div内部份字体色彩,有肯定的参考价值,有须要的朋侪能够参考一下,愿望对你有所协助。用span标签设置div内放一段笔墨中的部份笔墨字体...
本篇文章给人人带来的内容是关于怎样用span css设置div内部份字体色彩,有肯定的参考价值,有须要的朋侪能够参考一下,愿望对你有所协助。

用span标签设置div内放一段笔墨中的部份笔墨字体色彩要领。

一段笔墨放在DIV内或P内,当我们设置div或p设置字体色彩,内里悉数笔墨的字体色彩就会变成我们所设置字体色彩。通常会规划一段笔墨中个中几个字或部份字的字体色彩差别,此时就能够奇妙运用span标签设置class或id或直接设置CSS来设置需求字体色彩。

1、CSS色彩款式单词:color

2、实例教程运用说明

这里对p和DIV内笔墨内容中个中部份笔墨设置差别色彩。

3、实例代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>span对一段笔墨个中部份笔墨设置差别色彩</title>
<style>
div{ color:#000}
p{ color:#F00}
.red{ color:#F00}
#blue{ color:#06F}
</style>
</head>
<body>
<div>迎接来到ki4网进修html手艺,<span class="red">这里有周全的css教程</span></div>
<p>此案例是对一段笔墨中,个中部份笔墨<span id="blue">设置差别的色彩</span>。运用SPAN标签来完成。</p>
<p>直接对笔墨运用span后直接写CSS<span style="color:#6C0">完成差别字体色彩</span></p>
</body>
</html>

结果以下:

这里运用span标签完成一段笔墨中个中部份笔墨设置差别字体色彩,也能够扩大运用em、b、strong等标签天真运用。

以上就是对怎样用span css设置div内部份字体色彩的悉数引见,假如您想相识更多有关CSS3教程,请关注ki4网。

以上就是怎样用span css设置div内部份字体色彩?的细致内容,更多请关注ki4网别的相干文章!

分享到:

发表评论

评论列表

还没有评论,快来说点什么吧~

公众号二维码

微信公众号