css实例之为超链接添加下划线text-decoration

发布时间:2020-09-09编辑:脚本学堂
本文介绍下,css样式表中text-decoration的用法,为超链接添加下划线,有需要的朋友参考下。

css样式之text-decoration的例子。
代码:

复制代码 代码示例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"  xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>css样式之text-decoration下划线-www.jb200.com</title>
<style rel="stylesheet" type="text/css">
#copyright {
   
  width: 1000px;
  text-align: center;
  float: left;
  padding: 104px 0 0 0;
}

#copyright span {
  padding: 0 57px;
}

#copyright a {
  color: #574621;
  text-decoration: underline
}

#copyright a:visited {
  text-decoration: underline
}

#copyright a:hover {
  text-decoration: none
}
</style>
</head>
<body>
    <div id="copyright">
      <span>Copyright &copy; jb200.com</span>
      <span>&copy; Design by <a href="" target="_blank">www.jb200.com</a></span>
    </div> 
</body>
</html>