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

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

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

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

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

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

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

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

總結：

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

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

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

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

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

（學習視頻分享：css視頻教程）