鼠標css樣式:cursor

時間 2020-04-21

標籤鼠標 css 樣式 cursor 欄目 CSS 简体版

原文原文鏈接

層疊樣式表的cursor的用法：

cursor：形狀名

auto：自動形狀，如在超級連接文字上的手指形狀

corsshair；十字形狀

default：默認的箭頭形狀

move：帶箭頭的十字形狀

e—resize：向右的箭頭形狀

ne—resize：右上方的箭頭形狀

se—resize：右下方的箭頭形狀

n—resize：向上的箭頭形狀

nw—resize：左上方的箭頭形狀

w—resize：右左的箭頭形狀

sw—resize：左下方的箭頭形狀

s—resize：向下的箭頭形狀

text：指針爲在文本框中的「I」形狀

help：帶問號的形狀

wait：漏斗形狀

hand：手指形狀

------------------------

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>各類鼠標形狀</title>

<style type="text/css">

a{

text-decoration:none;

}

.STYLE1 {

font-family: "新宋體";

font-size: 16px;

}

</style>

</head>

<body>

<p align="center">

<font size="4" face="宋體" color="blue">各類各樣的鼠標形狀</font>

</p>

<hr width="100%" size="4" color="#008000">

<table width="300" border="1" align="center" bordercolor="#66FFFF" bgcolor="#CCCCCC">

<tr>

<td align="center" valign="middle"><span class="STYLE1"><a href="" style="cursor:auto">自動形狀</a></span></td>

<td align="center" valign="middle"><span class="STYLE1"><a href="" style="cursor:crosshair">十字形狀</a></span></td>

<td align="center" valign="middle"><span class="STYLE1"><a href="" style="cursor:default">通常箭頭</a></span></td>

<td align="center" valign="middle"><span class="STYLE1"><a href="" style="cursor:move">移動光標</a></span></td>

</tr>

<tr>

<td align="center" valign="middle"><span class="STYLE1"><a href="" style="cursor:e-resize">向右箭頭</a></span></td>

<td align="center" valign="middle"><span class="STYLE1"><a href="" style="cursor:ne-resize">右上箭頭</a></span></td>

<td align="center" valign="middle"><span class="STYLE1"><a href="" style="cursor:se-resize">右下箭頭</a></span></td>

<td align="center" valign="middle"><span class="STYLE1"><a href="" style="cursor:n-resize">向上箭頭</a></span></td>

</tr>

<tr>

<td align="center" valign="middle"><span class="STYLE1"><a href="" style="cursor:nw-resize">左上箭頭</a></span></td>

<td align="center" valign="middle"><span class="STYLE1"><a href="" style="cursor:w-resize">向左箭頭</a></span></td>

<td align="center" valign="middle"><span class="STYLE1"><a href="" style="cursor:sw-resize">左下箭頭</a></span></td>

<td align="center" valign="middle"><span class="STYLE1"><a href="" style="cursor:s-resize">向下箭頭</a></span></td>

</tr>

<tr>

<td align="center" valign="middle"><span class="STYLE1"><a href="" style="cursor:text">文本光標</a></span></td>

<td align="center" valign="middle"><span class="STYLE1"><a href="" style="cursor:wait">漏斗形狀</a></span></td>

<td align="center" valign="middle"><span class="STYLE1"><a href="" style="cursor:help">幫助光標</a></span></td>

<td align="center" valign="middle"><span class="STYLE1"><a href="" style="cursor:hand">手形光標</a></span></td>

</tr>

</table>

</body>

</html>

相關文章

1. 鼠標樣式(cursor)
2. CSS 鼠標樣式 cursor屬性
3. CSS鼠標樣式 cursor 屬性
4. style cursor 鼠標樣式
5. cursor 鼠標樣式——屬性
6. css cursor鼠標指針光標樣式default pointer hand url
7. CSS中cursor 鼠標指針光標樣式（形狀）
8. css cursor 鼠標形狀
9. CSS---cursor鼠標屬性
10. css鼠標樣式
更多相關文章...
• Web 品質 - 樣式表 - 網站品質教程
• ASP.NET MVC - 樣式和佈局 - ASP.NET 教程
• 委託模式
• IntelliJ IDEA代碼格式化設置

相關標籤/搜索

PHP 7 新特性

代碼格式化

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<