欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  1、简单超链接
 
  box.html
 
  <!doctypehtml><html><head>
 
  <matecharset="utf-8">
 
  <title>超链接</title>
 
  <linkhref="link.css"type="text/css"rel="stylesheet"></head><body>
 
  <p>
 
  <ahref="#"class="link">首页</a>
 
  </p></body></html>
 
  link.css
 
  a.link{
 
  text-decoration:none;
 
  font-size:23px;
 
  display:black;
 
  }
 
  2、伪类:某一个属性的某一个状态;
 
  超链接的4种状态:
 
  link(未被访问时的状态);
 
  visited(用户已访问的状态);
 
  hover(鼠标经过时的状态);
 
  active(鼠标点击时状态);
 
  link.css
 
  
 
  a:link{
 
  font-size:41px;
 
  color:black;
 
  text-decoration:none;
 
  }
 
  a:visited{
 
  font-size:23px;
 
  color:pink;
 
  background-color:pink;
 
  }
 
  a:hover{
 
  font-size:34px;
 
  color:green;
 
  background-color:#123456;
 
  }
 
  a:active{
 
  color:blue;
 
  font-size:60px;
 
  background-color:#498544;
 
  }





本文转载自中文网

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c56854.shtml