Posted On:
- Posted By:
Honar Systems
CSS Links
Used before category names.
CSS
Links
- Styling Links: You can style links using the
a
property.
a{
color: red;
}
- Text Decoration: The text-decoration CSS property sets the appearance of decorative lines on text. This property can take the following values:
selector{text-decoration: dashed | dotted | double | line-through | overline | underline | wavy | solid | none;}
a{
text-decoration: line-through;
}
- Background Color: To set the background color of the links, just define the background color value for the tags.
a{
background-color: green;
}
- Link Buttons: To create a link button, just make a series of changes to the tag and use it as a button.
a {
display: block;
background-color: #eaf1dd;
color: #060;
text-decoration: none;
font-family: Verdana, Geneva, sans-serif;
font-size: 1.5em;
padding: 6px 4px;
margin: 4px;
border-right: 2px solid #999999;
border-bottom: 2px solid #999999;
border-top-width: 0px;
border-left-width: 0px;
}
a:hover
{
color: #030;
border: 1px solid #9999ff;
}
a:active
{
color: #aca;
border-left: 2px solid #030;
border-top: 2px solid #030;
border-right-width: 0px;
border-bottom-width: 0px;
}