css如何將鼠標變小手樣式

發(fā)布時間：2021-03-05 09:42:35 來源：億速云閱讀：407 作者：小新欄目：web開發(fā)

小編給大家分享一下css如何將鼠標變小手樣式，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

在css中，可以使用cursor屬性來將鼠標變小手樣式，基本語法為“cursor:pointer;”。cursor屬性定義了鼠標指針放在一個元素邊界范圍內(nèi)時所用的光標形狀；將值設(shè)置為“pointer”即可讓鼠標變小手。

css鼠標變小手

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			p{
				border: 1px solid red;
			}
			#cursor2{
				cursor:pointer;/*鼠標變小手*/
				}
		</style>
	</head>
	<body>
		<p id="cursor1">測試文本！</p>
		<p id="cursor2">測試文本！</p>
	</body>
</html>

效果圖：

css如何將鼠標變小手樣式

css cursor屬性

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

屬性值：

值	描述
url	需使用的自定義光標的 URL。注釋：請在此列表的末端始終定義一種普通的光標，以防沒有由 URL 定義的可用光標。
default	默認光標（通常是一個箭頭）
auto	默認。瀏覽器設(shè)置的光標。
crosshair	光標呈現(xiàn)為十字線。
pointer	光標呈現(xiàn)為指示鏈接的指針（一只手）
move	此光標指示某對象可被移動。
e-resize	此光標指示矩形框的邊緣可被向右（東）移動。
ne-resize	此光標指示矩形框的邊緣可被向上及向右移動（北/東）。
nw-resize	此光標指示矩形框的邊緣可被向上及向左移動（北/西）。
n-resize	此光標指示矩形框的邊緣可被向上（北）移動。
se-resize	此光標指示矩形框的邊緣可被向下及向右移動（南/東）。
sw-resize	此光標指示矩形框的邊緣可被向下及向左移動（南/西）。
s-resize	此光標指示矩形框的邊緣可被向下移動（南）。
w-resize	此光標指示矩形框的邊緣可被向左移動（西）。
text	此光標指示文本。
wait	此光標指示程序正忙（通常是一只表或沙漏）。
help	此光標指示可用的幫助（通常是一個問號或一個氣球）。

看完了這篇文章，相信你對“css如何將鼠標變小手樣式”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細節(jié)

css如何將鼠標變小手樣式

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽