CSS DIV text color design

 CSS DIV text color need to use CSS of color property, we can simply use color the entire DIV text color within the unified planning mode via span tag to use marked special color-coded text with color attribute to modify or Designing the text color in the DIV block is a standard practice in CSS design. Almost all mainstream browsers support the color attribute. If you have any questions about the use of the CSS color attribute or the DIV block, you can refer to the following two explanations.

• CSS color text color
• How to use CSS DIV block tags

If there is no problem with the DIV block or the color attribute, you can continue to look at these few text color design examples.

CSS DIV text color design example

<div style="color:#D68B00;border:2px #ccc solid;padding:10px;">Use #D68B00 text color</div>
<div style="color:#00D600;border:2px #ccc solid;padding :10px;">Use #00D600 text color</div>
<div style="color:#A830FF;border:2px #ccc solid;padding:10px;">Use #A830FF text color</div>
<div style= "color:#FF30FF;border:2px #ccc solid;padding:10px;">Use #FF30FF text color</div>
<div style="color:#969696;border:2px #ccc solid;padding:10px;" >Use #969696 text color</div>

Example presentation effect

Use #D68B00 text color

Use #00D600 text color

Use #A830FF text color

Use #FF30FF text color

Use #969696 text color

Examples from the top down there are many DIV blocks, each DIV color of the text block is not the same, as long as the difference that the color parameter values of the attributes, color attributes can be RGB color code, color code or hexadecimal The English name of the color usually uses hexadecimal color code, because there are many colors and no need to remember, the " color code table " provided by this site can query more than 400 colors. In addition, in order to make the examples more clearly presented, So we added a frame design to the DIV block of the example . If you are interested in researching related knowledge, please read these articles.

• CSS border
• CSS border-color border color
• CSS border-width border width

➤In addition to modifying the DIV text color, we can also modify the font, please see: CSS DIV text font design .

If you encounter any problems while practicing the above examples, please feel free to ask questions from our fan club. If there are no problems, we have more design techniques for CSS DIV blocks. Readers and friends are welcome to read and practice more. There will be more practical web design grammars ready to share with you.