css3鏈接如何設置為沒有手的樣式

這篇文章主要介紹了css3鏈接如何設置為沒有手的樣式，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創新互聯是一家專業提供云霄企業網站建設,專注與網站制作、做網站、html5、小程序制作等業務。10年已為云霄眾多企業、政府機構等服務。創新互聯專業網站設計公司優惠進行中。

在css中，可以利用cursor屬性設置鏈接上沒有小手的樣式，該屬性用于定義了鼠標指針放在一個元素邊界范圍內時所用的光標形狀，當屬性值設置為default時，鼠標樣式為普通箭頭樣式，語法為“cursor:default;”。

本教程操作環境：windows10系統、CSS3&&HTML5版、Dell G3電腦。

css3鏈接如何設置為沒有手的樣式

cursor屬性定義了鼠標指針放在一個元素邊界范圍內時所用的光標形狀

default 默認光標（通常是一個箭頭）
auto 默認。瀏覽器設置的光標。
crosshair 光標呈現為十字線。
pointer 光標呈現為指示鏈接的指針（一只手）
move 此光標指示某對象可被移動。
e-resize 此光標指示矩形框的邊緣可被向右（東）移動。
ne-resize 此光標指示矩形框的邊緣可被向上及向右移動（北/東）。
nw-resize 此光標指示矩形框的邊緣可被向上及向左移動（北/西）。
n-resize 此光標指示矩形框的邊緣可被向上（北）移動。

示例如下：

<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
</head>
<body>
<p>請把鼠標移動到單詞上，可以看到鼠標指針發生變化：</p>
<a href="" style="cursor:default">這是一個已經設置完樣式的鏈接</a><br>
<a href="">這是一個普通鏈接</a>
</body>
</html>

輸出結果：

css3鏈接如何設置為沒有手的樣式