HOME | PHP Tutorial | CSS
facebook icon
AgerNic.com
WEB DEVELOPER SITE, HTML, CSS, PHP
PHP Tutorial

PHP forms
HTML Tutorial

CSS Tutorial

CSS link color - CSS link href HTML - Link without underline

A link has four different value as: link, visited, active and hover. These four states of a link or hyperlink can be styled differently through CSS properties.

  • a:link — normal or unvisited links but no mouse pointer over it.
  • a:visited — user has visited that has no mouse pointer on it.
  • a:hover — a link when the user place the mouse pointer over it.
  • a:active — for a link that is in the process of being clicked.

For any link on your page, you can specify any CSS property as: color, font-family, font-size, background, etc.

CSS link color setting

The default link colors in Gecko based web browsers like Firefox, Chrome, Opera are — blue for unvisited, purple for visited and red for the active link.
Using CSS tricks, you can change the link color how you like.
Example 1:
a:link
{ /* unvisited link */
color: #006291;
}
a:visited
{ /* visited link */
color: #063;
}
a:hover
{ /* mouse over link */
color: #F00;
}
a:active
{ /* active link */
color: #606060;
}

CSS - link href style in HTML

You can change the look of an entire website by changing just one file using an external style sheet as:
h r e f="http://www.agernic.com/style.css"
Example2:
<head>
<link rel="stylesheet" type="text/css"
 href="http://www.agernic.com/style.css">
</head>
Or, you can use style in line < href > link Example 3.
Example3:
<a style="color:red; font-size:18px; font-family:Arial, Helvetica, sans-serif"
href="http://www.agernic.com/css-tutorial.html"
target="_blank">Visit our CSS tutorial</a>
The result: Visit our CSS tutorial

CSS Link without underline - Removing Underline from Links

The text-decoration CSS is used to remove the default underlines from links in webpage. The following example show how to remove underlines or set the text-decoration property for the link useing text-decoration: none. The example 4, below, will display link without underline.
Example4:
a:link
{ /* unvisited link */
color: #006291;
text-decoration: none;
}
a:visited
{ /* visited link */
color: #063;
text-decoration: none;
}
a:hover
{ /* mouse over link */
color: #F00;
text-decoration: underline;
}
a:active
{ /* active link */
color: #606060;
text-decoration: underline;
}
Value for CSS text-decoration: none, underline, overline, blink, etc.

CSS link color, CSS link href HTML, Link without underline CSS link color - CSS link href HTML - Link without underline - css tutorial

823. CSS Text Align - CSS tutorials - w3resource

https://www.w3resource.com/css/text/text-align.php

825. Features of w3resource CSS tutorials

https://www.w3resource.com/css/what-you-will-learn.php

812. CSS (foreground) color - CSS tutorials - w3resource

https://www.w3resource.com/css/color/introduction.php

2705. CSS Levels - CSS tutorial
EchoEcho.Com : The complete CSS tutorial
http://www.echoecho.com/csslevels.htm

667. CSS tutorials - w3resource

https://www.w3resource.com/css/CSS-tutorials.php

2804. CSS background, Color, Background Image, css tutorial
CSS background, Color, Background Image css tutorial
http://www.agernic.com/css-tutorial/css-background-color-image-css-tutorial.html

Your add here
PHP strtolower() function

PHP wordwrap() function

PHP ltrim() function

PHP ucfirst() function

PHP printf() function

PHP strlen() function

PHP substr() function

PHP strrchr() Function

PHP print() function

PHP str_replace() function

PHP rtrim() function

PHP str_split() function

PHP similar_text() function

PHP htmlspecialchars() function

PHP htmlentities() function

PHP htmlspecialchars_decode() function

mysqli_fetch_array() expects parameter 1 to be mysqli_result boolean g
CSS font color
HTML Color Text
PHP mysqli_connect () Function
HTML Table Rowspan and Colspan
HTML colors, background, text and border color