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

本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

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

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

在test.html文件內，創建標簽，用于編寫div的css樣式。設置類名test的樣式，使用color屬性設置div內文字的顏色為紅色，使用font-size屬性設置文字的大小為30px。

立即學習“前端免費學習筆記（深入）”；

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

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

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

總結：

1、創建一個test.html文件。

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

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

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

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

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

以上就是css同一行字體怎樣改變不同顏色的詳細內容，更多請關注有啊網站百科其它相關文章！

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

本文鏈接：http://www.ltwhmhz.cn/ask-css/24942.html