1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 5 <title>网页标题</title> 6 <meta name="keywords" content="关键字列表" /> 7 <meta name="description" content="网页描述" /> 8 <link rel="stylesheet" type="text/css" href="" /> 9 <style type="text/css"> 10 a:link{ /* 未被访问的链接 */ 11 text-decoration:none; 12 } 13 a:visited{ /* 已被访问的链接 */ 14 text-decoration:none; 15 } 16 a:hover{ /* 鼠标指针移动到链接上 */ 17 18 text-decoration:underline; 19 } 20 a:active{ /* 正在被点击的链接 */ 21 text-decoration:underline; 22 } 23 </style> 24 <script type="text/javascript"></script> 25 </head> 26 <body> 27 <p><b><a href="http://www.baidu.com.cn" target="_blank">这是一个链接</a></b></p> 28 <p><b>注释：</b>为了使定义生效，a:hover 必须位于 a:link 和 a:visited 之后！！</p> 29 <p><b>注释：</b>为了使定义生效，a:active 必须位于 a:hover 之后！！</p> 30 </body> 31 </html>
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn"> 4 <head> 5 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 6 <title>网页标题</title> 7 <meta name="keywords" content="关键字列表" /> 8 <meta name="description" content="网页描述" /> 9 <link rel="stylesheet" type="text/css" href="" /> 10 <style type="text/css"> 11 li{ 12 color:red; 13 text-decoration:underline; /*underline为文字设置下划线*/ 14 list-style-type:none; 15 } 16 17 </style> 18 <script type="text/javascript"></script> 19 </head> 20 <body> 21 <h2>请说出中国古代的四大美女</h2> 22 <ul> 23 <li><a href="http://www.baidu.com.cn" target="_blank">西施</a></li> 24 <li><a href="http://www.baidu.com.cn" target="_blank">王昭君</a></li> 25 <li><a href="http://www.baidu.com.cn" target="_blank">貂蝉</a></li> 26 <li><a href="http://www.baidu.com.cn" target="_blank">杨玉环</a></li> 27 </ul> 28 </body> 29 </html>
如何设置一个超链接，点击连接时颜色出现变化，并实现在新的页面打开；给字体设置颜色并添加下划线
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <!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" xml:lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><title>网页标题</title><meta name="keywords" content="关键字列表" /><meta name="description" content="网页描述" /><link rel="stylesheet" type="text/css" href="" /><style type="text/css">li{color:red;text-decoration:underline; /*underline为文字设置下划线*/list-style-type:none;}</style><script type="text/javascript"></script></head><body><h2>请说出中国古代的四大美女</h2><ul><a href="http://www.baidu.com.cn" target="_blank"><li>西施</li></a><a href="http://www.baidu.com.cn" target="_blank"><li>王昭君</li></a><a href="http://www.baidu.com.cn" target="_blank"><li>貂蝉</li></a><a href="http://www.baidu.com.cn" target="_blank"><li>杨玉环</li></a></ul></body></html>
