11-显示自定义的鼠标形状（鼠标样式）

最新推荐文章于 2022-10-09 22:33:05 发布

会编程的阿强

最新推荐文章于 2022-10-09 22:33:05 发布

阅读量1.2k

点赞数

分类专栏： HTML/CSS 文章标签：自定义鼠标形状

本文链接：https://blog.csdn.net/shuangrenyu1234/article/details/9148917

版权

HTML/CSS 专栏收录该内容

62 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>My JSP 'DemoCursor.jsp' starting page</title>
<style type="text/css">
table {
	font-size: 12px;
	background-color: activecaption;
	cursor: crosshair;
}

a {
	cursor: help;
}

td {
	cursor: text
}

.btn {
	font-size: 12px;
	cursor: hand;
}
</style>
</head>

<body>
	<table border="0">
		<tr height="30">
			<td align="center">图书编号</td>
			<td align="center">图书名称</td>
			<td align="center">作者</td>
			<td align="center">图书价格</td>
		</tr>
		<tr>
			<td>001</td>
			<td><a href="#">《JavaWeb范例大全》</a>
			</td>
			<td>明日科技</td>
			<td>98.00元</td>
		</tr>
		<tr>
			<td>002</td>
			<td><a href="#">《JavaWeb范例大全》</a>
			</td>
			<td>明日科技</td>
			<td>98.00元</td>
		</tr>
		<tr>
			<td><input type="button" class="btn" value="我是提交按钮"></td>
		</tr>
	</table>
</body>
</html>

cursor属性及说明
cursor属性	说明
hand	手形指针
crosshair	交叉十字形指针
text	文本选择符号
wait	沙漏形状的等待指针
default	默认形状的指针
help	带问号形状的指针
move	移动的箭头
e-resize	向右的箭头
ne-resize	向右上的箭头
n-resize	向上的箭头
nw-resize	向左上的的箭头
w-resize	向左的箭头
sw-resize	向左下的箭头
s-resize	向下的箭头
se-resize	向右下的箭头

会编程的阿强

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
11-显示自定义的鼠标形状（鼠标样式）

My JSP 'DemoCursor.jsp' starting pagetable { font-size: 12px; background-color: activecaption; cursor: crosshair;}a { cursor: help;}td { cursor: text}.btn { font-size: 12px; cursor:
复制链接

扫一扫