Scribd
Upload
79 views1 page

Information Technology II: Don Bosco Technical College

This document provides information about styling links and tables using Cascading Style Sheets (CSS). It discusses how to style the different states of links using CSS properties and the order of link state styles. It also covers removing underlines from links using the text-decoration property and specifying borders for tables and cells using the border property.

Uploaded by

martindinglasan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
79 views1 page

Information Technology II: Don Bosco Technical College

This document provides information about styling links and tables using Cascading Style Sheets (CSS). It discusses how to style the different states of links using CSS properties and the order of link state styles. It also covers removing underlines from links using the text-decoration property and specifying borders for tables and cells using the border property.

Uploaded by

martindinglasan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 1

Don Bosco Technical College

Information Technology II - #2.3

Gen. Kalentong Street, Mandaluyong City

HIGH SCHOOL DEPARTMENT

Information Technology II
Cascading Style Sheets
Styling Links
Links can be style with any CSS property (e.g. color, font-family, background-color).
Special for links are that they can be styled differently depending on what state they
are in.
The four links states are:
a:link - a normal, unvisited link
a:visited - a link the user has visited
a:hover - a link when the user mouses over it
a:active - a link the moment it is clicked
When setting the style for several link states, there are some order rules:

a:hover MUST come after a:link and a:visited


a:active MUST come after a:hover

Text Decoration
The text-decoration property is mostly used to remove underlines from links:
Example:
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

CSS Tables
Table Borders
To specify table borders in CSS, use the border property.
The example below specifies a black border for table, th, and td elements:
Example:
table, th, td
{
border: 1px solid black;
}

You might also like