8 Ways to Declare Colors in CSS: Detailed Guide + Examples
CSS offers several different ways to declare colors, each with its own syntax, benefits, and drawbacks. It can get a bit confusing especially since they are still adding new ways. If you are not always sure how you should go about and declare your colors in CSS, in this post we want to shine a light on this issue. In the following, we will go over different ways for assigning colors to website elements, how to use them, the pros and cons, and when to use what. Assigning Colors in CSS Declaring colors in CSS is generally not very hard. There are a whole bunch of CSS properties that take colors as values including color, background-color, border, box-shadow, and more. For example, here’s how you would change the text color for a paragraph element (learn other ways to customize text via CSS here). p { color: #999; } However, there are a whole bunch of different ways you can set a color value, which is what we will talk about now. 1. HTML Color Names The most basic way to assign a color in CSS is to simply put in a color name. If you want something to be blue,…
…Full post on Torque Mag
Read Full
