Với thuộc tính con trỏ CSS, bạn có thể hiển thị hình chữ thập hoặc dấu cộng, con trỏ, v.v. Bạn có thể thử chạy mã sau để triển khai thuộc tính con trỏ trong CSS -
Ví dụ
<html> <head> </head> <body> <div style = "cursor:auto">Auto</div> <div style = "cursor:crosshair">Crosshair</div> <div style = "cursor:default">Default</div> <div style = "cursor:pointer">Pointer</div> <div style = "cursor:move">Move</div> <div style = "cursor:e-resize">e-resize</div> <div style = "cursor:ne-resize">ne-resize</div> <div style = "cursor:nw-resize">nw-resize</div> <div style = "cursor:n-resize">n-resize</div> <div style = "cursor:se-resize">se-resize</div> <div style = "cursor:sw-resize">sw-resize</div> <div style = "cursor:s-resize">s-resize</div> <div style = "cursor:w-resize">w-resize</div> <div style = "cursor:text">text</div> <div style = "cursor:wait">wait</div> <div style = "cursor:help">help</div> </body> </html>
Chúng tôi đã thêm các giá trị bên dưới ở trên -
| Giá trị | Mô tả |
|---|---|
| auto | Hình dạng của con trỏ phụ thuộc vào vùng ngữ cảnh mà nó chạy qua. Ví dụ:'tôi' trên văn bản, 'chuyển' qua liên kết, v.v. |
| crosshair | Dấu chéo hoặc dấu cộng |
| default | Một mũi tên |
| con trỏ | Một bàn tay (trong IE 4 giá trị này là bàn tay). |
| di chuyển | Thanh 'I' |
| thay đổi kích thước điện tử | Con trỏ cho biết rằng một cạnh của hộp sẽ được di chuyển sang phải (phía đông). |
| chỉnh sửa kích thước | Con trỏ chỉ ra rằng một cạnh của hộp sẽ được di chuyển lên trên và sang phải (bắc / đông). |
| nw-resize | Con trỏ chỉ ra rằng một cạnh của hộp sẽ được di chuyển lên và sang trái (bắc / tây). |
| n-thay đổi kích thước | Con trỏ chỉ ra rằng một cạnh của hộp sẽ được di chuyển lên (phía bắc). |
| se-thay đổi kích thước | Con trỏ cho biết rằng một cạnh của hộp sẽ được di chuyển xuống dưới và sang phải (nam / đông). |
| thay đổi kích thước sw | Con trỏ chỉ ra rằng một cạnh của hộp sẽ được di chuyển xuống dưới và sang trái (nam / tây). |
| s-thay đổi kích thước | Con trỏ chỉ ra rằng một cạnh của hộp sẽ được di chuyển xuống (phía nam). |
| w-thay đổi kích thước | Con trỏ chỉ ra rằng một cạnh của hộp sẽ được di chuyển sang trái (phía Tây). |
| văn bản | Thanh I. |
| đợi | Kính giờ. |
| trợ giúp | Dấu chấm hỏi hoặc hộp chú giải, lý tưởng để sử dụng trên các nút trợ giúp. |
| | Nguồn của tệp hình ảnh con trỏ. |