Shulou(Shulou.com)06/02 Report--

This article mainly explains "css the same line font how to change different colors", the article explains the content is simple and clear, easy to learn and understand, the following please follow the editor's ideas slowly in depth, together to study and learn "css the same line font how to change different colors" bar!

Css the same line of font to change different colors of the method: 1, the use of multiple span tags to change the color of the text, the syntax is "text"; 2, the use of color attributes to change the color of the text within the span tag, the syntax is "color: color value;"

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

The method of changing different colors in the same line of css fonts

1, create a new html file, named test.html, used to explain how to use css to set a line of words in div to two colors. Use the div tag to create a line of text and set its class to test, which is mainly used to style div through this class below.

Within the test.html file, create tags that are used to write css styles for div. Style the class name test, use the color property to set the color of the text within the div to red, and use the font-size property to set the text size to 30px.

2, in the test.html file, in the div tag, use the span tag to include part of the text, for the following use css to set its color separately.

Within the css tag, set the text color of the span tag under the class name test (that is, within the div), and use the color attribute to set the text color within the span tag to blue.

Open the test.html file in the browser to see the effect of the implementation.

Thank you for your reading, the above is "css the same line of font how to change different colors" of the content, after the study of this article, I believe you on the same line of css font how to change different colors of this problem has a deeper understanding, the specific use of the situation also needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.