#Html link text color atext how to#

Say you want to change the background color of links to yellow. Simply add the appropriate CSS selector and define the color and background-color property with the values you want. To change the background color of the inline text, go to the section.

#Html link text color atext how to#

Now let’s look at how to change the background color of text. You can use this same process to change the color of headings, span tags, button copy, and any other text on a page. See the Pen Changing Inline Text Color in CSS by HubSpot ( on CodePen. Using a separate selector, the color of links has been changed to aqua. The default text color was black, but I added a paragraph selector and defined the color property so it's navy.You'll see that the paragraph below is also navy, except for the link. Then I’d use the type selector p and attribute selector a and set the color property to #000080 and #00FFFF, respectively. So let’s say I want to change the color of my paragraphs to navy, as mentioned in the example above, and all links on my website to aqua. If there is no body selector or color defined in the body selector, the default color is most likely black. Pro Tip: This code is interactive, try changing it to see the difference. Here’s an example of a body selector setting the text color as blue:

The default text color for a page is defined in the body selector.

You might be wondering what happens if you don’t set the color property in your CSS. Its syntax is: element to the head section of your HTML file. This property encompasses the whole size of the element, including padding and border. On the other hand, the background-color property specifies the background color of an element. Its syntax is given as color:color/initial/inherit. CSS color property is used to select the color of text, the color of the webpage’s background, and the color of the borders.