码迷,mamicode.com
首页 > 其他好文 > 详细

代码回忆

时间:2016-11-24 08:00:39      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:lang   下划线   keyword   鼠标   中国   bsp   active   添加   lan   

 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         <a href="http://www.baidu.com.cn" target="_blank"><li>西施</li></a>
24         <a href="http://www.baidu.com.cn" target="_blank"><li>王昭君</li></a>
25         <a href="http://www.baidu.com.cn" target="_blank"><li>貂蝉</li></a>
26         <a href="http://www.baidu.com.cn" target="_blank"><li>杨玉环</li></a>
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>

 

代码回忆

标签:lang   下划线   keyword   鼠标   中国   bsp   active   添加   lan   

原文地址:http://www.cnblogs.com/li3207820480/p/6096092.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!