css实现360导航首页超链接变色

mac2022-06-30  69

<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <link href="Untitled-9.css" rel="stylesheet" type="text/css" /> </head> <body> <a href="http://www.sina.com.cn/">新浪首页</a> </body> </html> View Code @charset "utf-8"; /* CSS Document */ <style> *{ margin:0px; padding:0px;} a:link{ color:#000; text-decoration:none; } a:visited{ color:#000; text-decoration:none;} a:hover{ color:#F00; text-decoration:underline;} a:active{ color:#F60; text-decoration:underline;} </style> View Code

2、内嵌样式写法

<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> *{ margin:0px; padding:0px;} a:link{ color:#000; text-decoration:none} a:visited{ color:#000; text-decoration:none;} a:hover{ color:#F00; text-decoration:underline} a:active{ color:#F60; text-decoration:underline} </style> </head> <body> <a href="http://www.sina.com.cn/">新浪首页</a> </body> </html> View Code

结果如上图

 

转载于:https://www.cnblogs.com/wangchuanqi/p/5307359.html

相关资源:JAVA上百实例源码以及开源项目
最新回复(0)