提供Discuz ,ECShop ,PHPCMS ,帝国CMS ,CSS教程 ,PHP教程 ,DedeCMS ,WordPress ,HTML教程等cms问题查询.
当前位置: CSS教程 > 怎样用span css设置div内部份字体色彩?【css教程】,span,css设置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网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

上一篇:

下一篇:

相关推荐

0 条评论关于"怎样用span css设置div内部份字体色彩?【css教程】,span,css设置div颜色"

最新评论

    暂无留言哦~~

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线