HyperlinkCode.com

How to create 500 totally unique, human-quality articles in just 45 seconds ..

#FFFFFF CSS and HTML for Hyperlinks

HTML and CSS code to style hyperlinks with hex color #FFFFFF for color, shadow, glow and underline effects.

#FFFFFF Colored Hyperlinks

HTML and Inline CSS

Can be used directly into HTML documents same as standard hyperlink.

<a href="FFFFFF.php" style="color: #FFFFFF;">Link colored with #FFFFFF hex color</a>

CSS Code

Can be used in external or internal stylesheet along with other CSS properties.

a:link {
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
}
a:hover {
color: #FFFFFF;
}

Output

Link colored with #FFFFFF hex color

Select output background color:  [more]

#FFFFFF Shadow Hyperlink

HTML and Inline CSS

Can be used directly into HTML documents same as standard hyperlink.

<a href="FFFFFF.php" style="text-decoration: none; text-shadow: 3px 3px 2px #FFFFFF;">This is a link with shadow color #FFFFFF</a>

CSS Code

Can be used in external or internal stylesheet along with other CSS properties.

a{
text-decoration: none;
}
a:link {
text-shadow: 3px 3px 2px #FFFFFF;
}
a:visited {
text-shadow: 3px 3px 2px #FFFFFF;
}
a:hover {
text-shadow: 3px 3px 2px #FFFFFF;
color: #DD0000;
}

Output

This is a link with shadow color #FFFFFF

Select output background color:  [more]

#FFFFFF Glowing Hyperlink

HTML and Inline CSS

Can be used directly into HTML documents same as standard hyperlink.

<a href="FFFFFF.php" style="text-decoration: none; text-shadow: 0px 0px 2px #FFFFFF;">This is a link with glow color #FFFFFF</a>

CSS Code

Can be used in external or internal stylesheet along with other CSS properties.

a{
text-decoration: none;
}
a:link {
text-shadow: 0 0 4px #FFFFFF;
}
a:visited {
text-shadow: 0 0 4px #FFFFFF;
}
a:hover {
text-shadow: 0 0 4px #FFFFFF;
color: #DD0000;
}

Output

This is a link with glow color #FFFFFF

Select output background color:  [more]

#FFFFFF Hyperlink Underline Color

HTML and Inline CSS

Can be used directly into HTML documents same as standard hyperlink.

<a href="FFFFFF.php" style="text-decoration: none; border-bottom: 1px solid #FFFFFF;">This is a link with underline color #FFFFFF</a>

CSS Code

Can be used in external or internal stylesheet along with other CSS properties.

a{
text-decoration: none;
}
a:link {
border-bottom: 1px solid #FFFFFF;
}
a:visited {
border-bottom: 1px solid #FFFFFF;
}
a:hover {
border-bottom: 1px solid #FFFFFF;
color: #DD0000;
}

Output

This is a link with underline color #FFFFFF

Select output background color:  [more]

The underline thickness can be made thicker by changing 1px to higher value such as 2px 3px and so on.

See also dashed and dotted underline CSS and additional underline effects with external CSS.

Free web design videos! Learn the easy way to responsive (mobile friendly) web design.

#FFFFFF Dashed Underline Hyperlink

HTML and Inline CSS

Can be used directly into HTML documents same as standard hyperlink.

<a href="FFFFFF.php" style="text-decoration: none; border-bottom: 2px dashed #FFFFFF;">This is a link with dashed underline color #FFFFFF</a>

CSS Code

Can be used in external or internal stylesheet along with other CSS properties.

a{
text-decoration: none;
}
a:link {
border-bottom: 2px dashed #FFFFFF;
}
a:visited {
border-bottom: 2px dashed #FFFFFF;
}
a:hover {
border-bottom: 2px dashed #FFFFFF;
color: #DD0000;
}

Output

This is a link with dashed underline color #FFFFFF

Select output background color:  [more]

The dash size can be changed by changing 2px to 1px, 3px and so on.

See also dotted underline CSS and additional dashed underline effects with external CSS.

#FFFFFF Dotted Underline Hyperlink

HTML and Inline CSS

Can be used directly into HTML documents same as standard hyperlink.

<a href="FFFFFF.php" style="text-decoration: none; border-bottom: 2px dotted #FFFFFF;">This is a link with dotted underline color #FFFFFF</a>

CSS Code

Can be used in external or internal stylesheet along with other CSS properties.

a{
text-decoration: none;
}
a:link {
border-bottom: 2px dotted #FFFFFF;
}
a:visited {
border-bottom: 2px dotted #FFFFFF;
}
a:hover {
border-bottom: 2px dotted #FFFFFF;
color: #DD0000;
}

Output

This is a link with dotted underline color #FFFFFF

Select output background color:  [more]

The dot size can be changed by changing 2px to 1px, 3px and so on.

See also dashed underline CSS and additional dotted underline effects with external CSS.

See also html-color-names.com for matching colour palettes with hex color codes.

Back to color chart.

Related

© Copyright 2007 - 2017 HyperlinkCode.com.
Site Admin: Ed Zivkovic. Privacy | Terms