<%@ 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 | 向右下的箭头 |