明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

HTML基礎知識，對于超鏈接設置的樣式的詳細說明

發(fā)表時間：2023-09-21 來源：明輝站整理相關軟件相關文章人氣：

[摘要]這次給大家?guī)鞨TML基礎知識，關于超鏈接設置的樣式的詳細介紹，設置HTML的超鏈接樣式的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下。***設置超鏈接的樣式示例 a:link 超鏈接被點前狀態(tài)a:visited 超鏈接點擊后狀態(tài)a:hover 懸停在超鏈接時a:active 點擊超鏈接時在定義...
這次給大家?guī)?a target="_blank">HTML基礎知識，關于超鏈接設置的樣式的詳細介紹，設置HTML的超鏈接樣式的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下。

***設置超鏈接的樣式示例

a:link 超鏈接被點前狀態(tài)

a:visited 超鏈接點擊后狀態(tài)

a:hover 懸停在超鏈接時

a:active 點擊超鏈接時

在定義這些狀態(tài)時，有一個順序l v h a

<!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">  
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="http://www.baidu.com/">百度一下</a>  
</body>  
</html>

運行顯示：鼠標箭頭未放到“百度一下”，其顯示黑色——放上時，其顯示紅色——點擊“百度一下”鏈接時，其顯示橙色——點擊后，其顯示黑色

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請關注php中文網(wǎng)其它相關文章！

相關閱讀：

HTML文本格式化的實例詳解

HTML的編輯基礎(新手必看篇)

在div中img,span怎樣可以做出垂直居中

以上就是HTML基礎知識，關于超鏈接設置的樣式的詳細介紹的詳細內(nèi)容，更多請關注php中文網(wǎng)其它相關文章！


網(wǎng)站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。