用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网别的相干文章!