a:link font-weight: bold; text-decoration: none; color: red; : a.link « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. a.link

a:link font-weight: bold; text-decoration: none; color: red;

     

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
a:link {
 font-weight: bold;
 text-decoration: none;
 color: red;
}
a:visited {
 font-weight: bold;
 text-decoration: line-through;  
 color: black;
}
</style>
</head>
<body>
  <p>Consectetuer adipiscing elit: 
    
    <ul>
    <li><a href=" ">Vivamus purus enim</a></li> 
    <li><a href=" ">Sollicitudin vitae</a></li>
    <li><a href=" ">Tincidunt sit amet</a></li> 
    <li><a href=" ">Pretium vel, libero</a></li> 
    </ul>
<p>Sed sed nisi. Morbi gravida, odio at aliquam lobortis, urna massa vehicula mi, et posuere tortor elit eget est. Nulla ligula. Etiam pulvinar. Quisque ante quam, ultricies quis, rutrum dignissim, fermentum a, est. Nulla felis dolor, tempor non, posuere ut, ornare ac, eros. Cras in metus. Sed rutrum lectus ut nibh. Pellentesque ipsum.</p>
  
</body>
</html>








Related examples in the same category

1.a:link color:#003399;
2.a:link text-deccoration:none;}
3.a:link, a:visited text-decoration: underline;
4.a:link, a:visited, a:hover, a:active text-decoration: underline;
5.a:link, a:visited text-decoration: underline overline;
6.a:visited a:link color:#003399; text-deccoration:none;
7.a:link a:visited a:hover color: #339999;
8.a:link, a:visited cursor: move;
9.a:link, a:visited,a:link:active, a:visited:active
10.a:link, a:visited text-decoration: none;