做SEO
我们是认真的!

【锦州网站优化】seo监测:HTML基础知识——设置超链接的样式简单实例

*** 设置 超 链接 的 样式 示例 

a:link 超链接被点前状态

a:visited 超链接点击后状态

a:hover 悬停在超链接时

a:active 点击超链接时

在定义这些状态时,有一个顺序l v h a

代码区:

XML/ HTML Code复制内容到剪贴板

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”>  

<html xmlns=“”>  

<head>  

<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” />  

<title>无标题文档</title>  

<style type=“text/css”>  

a:link   

{   

    color:#000;   

    text-decoration:none;}   

a:visited   

{   

    color:#000;   

    text-decoration:none;}   

a:hover   

{   

    color:#F00;   

    text-decoration:underline;}   

a:active   

{   

    color:#F90;   

    text-decoration:underline;}   

</style>  

<link href=“Untitled-1.css” rel=“stylesheet” type=“text/css” />  

</head>  

  

<body>  

<a href=“”>百度一下</a>  

</body>  

</html>  

运行显示:鼠标箭头未放到“百度一下”,其显示黑色——放上时,其显示红色——点击“百度一下”链接时,其显示橙色——点击后,其显示黑色

以上这篇HTML 基础知识 ——设置超链接的样式 简单 实例 就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

【锦州网站优化seo监测:HTML基础知识——设置超链接的样式简单实例
未经允许不得转载:广州seo小雨 » 【锦州网站优化】seo监测:HTML基础知识——设置超链接的样式简单实例