css同一行字體怎樣改變不同顏色

css同一行字體改變不同顏色的方法：1、使用多個span標(biāo)簽分別包裹要改變顏色的文字，語法為“文字”；2、利用color屬性改變span標(biāo)簽內(nèi)的文字顏色即可，語法為“color:顏色值;”。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css同一行字體改變不同顏色的方法

1、新建一個html文件，命名為test.html，用于講解如何用css將div中的一行字設(shè)置成兩種顏色。使用div標(biāo)簽創(chuàng)建一行文字，并設(shè)置其class為test，主要用于下面通過該class設(shè)置div的樣式。

在test.html文件內(nèi)，創(chuàng)建標(biāo)簽，用于編寫div的css樣式。設(shè)置類名test的樣式，使用color屬性設(shè)置div內(nèi)文字的顏色為紅色，使用font-size屬性設(shè)置文字的大小為30px。

立即學(xué)習(xí)“前端免費學(xué)習(xí)筆記（深入）”；

2、在test.html文件內(nèi)，在div標(biāo)簽內(nèi)，使用span標(biāo)簽將部分文字包含起來，用于下面使用css單獨設(shè)置它的顏色。

在css標(biāo)簽內(nèi)，設(shè)置類名test下（即div內(nèi)）的span標(biāo)簽的文字顏色，使用color屬性設(shè)置span標(biāo)簽內(nèi)文字的顏色為藍(lán)色。

在瀏覽器打開test.html文件，查看實現(xiàn)的效果。

總結(jié)：

1、創(chuàng)建一個test.html文件。

2、使用div標(biāo)簽創(chuàng)建一行文字，并設(shè)置其class為test。

3、在css標(biāo)簽內(nèi)，設(shè)置類名test的樣式，使用color屬性設(shè)置div內(nèi)文字的顏色為紅色。

4、在div標(biāo)簽內(nèi)，使用span標(biāo)簽將部分文字包含起來。

5、在css標(biāo)簽內(nèi)，設(shè)置類名test下（即div內(nèi)）的span標(biāo)簽的文字顏色，從而實現(xiàn)div中的一行字設(shè)置成兩種顏色。

（學(xué)習(xí)視頻分享：css視頻教程）

以上就是css同一行字體怎樣改變不同顏色的詳細(xì)內(nèi)容，更多請關(guān)注有啊網(wǎng)站百科其它相關(guān)文章！

• 喜歡（10）
• 不喜歡（3）

本文鏈接：http://www.yidongxuexi.com/ask-css/24942.html