HOME | PHP Tutorial | CSS
facebook icon
AgerNic.com
WEB DEVELOPER SITE, HTML, CSS, PHP
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

3303. CSS Class and ID, The Difference Between ID and Class, css tutorial
CSS Class and ID, The Difference Between ID and Class css tutorial
https://www.agernic.com/css-tutorial/difference-between-id-and-class.html

3179. CSS align content Property - CSS align text - how to create, css tutorial
CSS align content Property - CSS align text - how to create css tutorial
https://www.agernic.com/css-tutorial/css-align-content-property-css-align-text-how-to-create.html

1990. CSS Tutorial | Studytonight
Learn CSS. In this CSS tutorial we will learn how to style HTML webpages using CSS with examples and interactive videos.
https://www.studytonight.com/cascading-style-sheet/

3299. CSS background image size to fit full screen, css tutorial
CSS background image size to fit full screen css tutorial
https://www.agernic.com/css-tutorial/css-background-image-size-to-fit-screen.html

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

3184. CSS link color - CSS link href HTML - Link without underline, css tutorial
CSS link color - CSS link href HTML - Link without underline css tutorial
https://www.agernic.com/css-tutorial/css-link-color-css-link-href-html-link-without-underline.html

Your add here
How to get PHP errors to display?
How to prevent sql injection in php mysqli
How do I get PHP errors to display - PHP error_reporting()
mysql_query(): The mysql extension is deprecated and will be removed i
Function eregi_replace() is deprecated in php - How to fix
PHP delete an element from an array
Uncaught Error: Call to undefined function MYSQL_NUM_ROWS() in
Deprecated: mysql_connect() mysql extension is deprecated and will be
mysqli_fetch_array() expects parameter 1 to be mysqli_result boolean g
SQL IN Operator - example
SQL BETWEEN Operator
SQL like syntax and example
SQL WHERE AND & OR multiple conditions
SQL create table primary key autoincrement
PHP mysqli_connect () Function
SQL COUNT(), AVG() and SUM() Functions
Display data from SQL database with MySQLi into php - html table
SQL CREATE DATABASE - example
SQL mysql order by columns, by date, by asc, by desc, random with PHP
PHP mysqli_query() Function - mysqli query
SQL delete row - SQL delete table
SQL update - SQL update select
Insert into SQL - Insert into table SQL - Insert data in sql
Login in PHP - simple login script with PHP MYSQL