HyperlinkCode.com

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

Internal Stylesheet for Single Page Websites

This method is handy for single page websites. To make an Internal stylesheet for styling hyperlinks, wrap the CSS code within the style tag and insert it inside the head of a HTML document to control hyperlink style on that document.

Internal CSS with HTML Style Tag

Code

<head>
<style>
a:link {
color: #0000FF;
text-decoration: underline;
}

a:visited {
color: #800080;
text-decoration: underline;
}

a:hover {
color: #DD0000;
text-decoration: none;
}

</style>
</head>

Variable CSS Properties

color: #0000FF, #800080, #DD0000 = Variable color of hyperlink.
text-decoration: none = No underline. underline = Underlined hyperlink.

Output

http://www.hyperlinkcode.com/color/internal-stylesheet.php

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

Notes

The above style can be inserted inside the head section of a HTML document to change hyperlink color and text-decoration. This stylesheet will only control the color of hyperlinks on one page. If your website has multiple pages, a better option would be an external stylesheet because it's faster and easier to make style changes accross your entire website.

Internal stylesheets can be used for many styles of hyperlinks such as link buttons, dashed underline, different underline color, and much more. See external stylesheet, or explore the color chart pages for demos.

Related Articles

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