How do I change the color of a hyperlink in HTML CSS?

To change the color of links in HTML, use the CSS property color. Use it with the style attribute. The style attribute specifies an inline style for an element. Use the style attribute with the CSS property color to change the link color.

Table of Contents

How do you color text a link in CSS?

To change the link color, we have to use the color property of CSS….The order of declaring the states of hyperlink are given as follows:

</li><li>a:link {color: lightblue;}</li><li>a:visited {color: #060235}</li><li>a:hover {color: #FCFC0C}</li><li>a:active {color: #C0F0FC}</li><li>

How do you color code a link in HTML?

Link color using Hex color codes To start with we’ll use a Hex color code, probably the most common method of adding color to links. In your HTML anchor tag (), after the href attribute, insert a style attribute with the color property set to your Hex color code (in our case #FF0000).

How do I change a hyperlink color?

To change the color of hyperlink text, click the arrow next to Hyperlink, and then select a color. To change the color of followed hyperlink text, click the arrow next to Followed Hyperlink, and then select a color.

How do you change the link color on a click in HTML?

HTML body tag example

TEXT = The color of text.
LINK = The color of links.
VLINK = Visited link color.
ALINK = Color of the active link or the color the link changes to when clicked.
BGCOLOR = The page background color.

What is the hyperlink color?

color blue
There has been a long path of visual elements used to denote hyperlinks, and the color blue is just one of many elements that have come to represent a hyperlink. Links are about connecting information together.

How do I make a hyperlink blue?

So, just right-click on the hyperlink and from the context menu select “Edit Hyperlink”. It brings up the edit dialog box. Click on “OK”. The hyperlink is returned to it’s original blue state.

How do I change a hyperlink from purple to blue?

Word for Windows

From the Home tab, click the small icon (
In the Styles menu, hover your mouse pointer over Hyperlink, and click the triangle that appears to the right.
From the drop-down menu that appears, select Modify….
In the “Formatting” section, choose the color you want, and then click OK to save your changes.

How do I change the color of a link underline in CSS?

Change the underline to dots with the border-bottom style property a { text-decoration: none; border-bottom:1px dotted; }. Change the underline color by typing a { text-decoration: none; border-bottom:1px solid red; }. Replace solid red with another color.

How do I choose a link color?

Use different colors for visited and unvisited links.

The color for unvisited links should be more vivid, bright, and saturated than the color for visited links, which should look “used” (dull and washed out).
The two colors should be variants or shades of the same color, so that they’re clearly related.

How do I open an HTML CSS file in my browser?

Just open the html file with your browser. On Windows, in Windows Explorer right click on the file and choose open with, then choose your browser.