當前位置:編程學習大全網 - 源碼下載 - div+css鼠標在div上變成豎線

div+css鼠標在div上變成豎線

用css很容易實現,添加壹個樣式cursor: text;,代碼如下:

<!DOCTYPE HTML>

<html>

<head>

<title>Untitled</title>

<style>

div{

?cursor: text;

?background: #eeeeee;

?width: 400px;

?height: 200px;

}

</style>

</head>

<body>

<div>

Hello World!

</div>

</body>

</html>

效果如下:

cursor樣式說明:

url 需使用的自定義光標的 URL。註釋:請在此列表的末端始終定義壹種普通的光標,以防沒有由 URL 定義的可用光標。

default 默認光標(通常是壹個箭頭)

auto 默認。瀏覽器設置的光標。

crosshair 光標呈現為十字線。

pointer 光標呈現為指示鏈接的指針(壹只手)

move 此光標指示某對象可被移動。

e-resize 此光標指示矩形框的邊緣可被向右(東)移動。

ne-resize 此光標指示矩形框的邊緣可被向上及向右移動(北/東)。

nw-resize 此光標指示矩形框的邊緣可被向上及向左移動(北/西)。

n-resize 此光標指示矩形框的邊緣可被向上(北)移動。

se-resize 此光標指示矩形框的邊緣可被向下及向右移動(南/東)。

sw-resize 此光標指示矩形框的邊緣可被向下及向左移動(南/西)。

s-resize 此光標指示矩形框的邊緣可被向下移動(南)。

w-resize 此光標指示矩形框的邊緣可被向左移動(西)。

text 此光標指示文本。

wait 此光標指示程序正忙(通常是壹只表或沙漏)。

help 此光標指示可用的幫助(通常是壹個問號或壹個氣球)。

  • 上一篇:有人用國內的代碼托管服務嗎?哪個體驗比較好
  • 下一篇:T5源代碼
  • copyright 2024編程學習大全網