前へ 目次 目次

cursor

style36.css 
td{
	width: 10em;
	height: 10em;
}
td.ch{
	cursor : crosshair ;
}
td.pt{
	cursor : pointer ;
}
td.mv{
	cursor : move ;
}
td.ch{
	cursor : crosshair ;
}
td.tx{
	cursor : text ;
}
td.wt{
	cursor : wait ;
}
td.hp{
	cursor : help ;
}
td.nr{
	cursor : n-resize ;
}
td.sr{
	cursor : s-resize ;
}
td.wr{
	cursor : w-resize ;
}
td.er{
	cursor : e-resize ;
}
td.ner{
	cursor : ne-resize ;
}
td.nwr{
	cursor : nw-resize ;
}
td.ser{
	cursor : se-resize ;
}
td.swr{
	cursor : sw-resize ;
}
css34s1.html 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<title>「歩行ロボット進化論」</title>
<meta http-equiv="content-type" content="text/html;charset=Shift_JIS">
<link rel="stylesheet" href="style36.css" type="text/css">
<body>
<table border="2">
<tr>
<td class="ch">crosshair</td>
<td class="pt">pointer</td>
<td class="mv">move</td>
</tr>
<tr>
<td class="tx">text</td>
<td class="wt">wait</td>
<td class="hp">help</td>
</tr>
<tr>
<td class="nr">n-resize</td>
<td class="sr">s-resize</td>
<td class="wr">w-resize</td>
</tr>
<tr>
<td class="er">e-resize</td>
<td class="ner">ne-resize</td>
<td class="nwr">nw-resize</td>
</tr>
<tr>
<td class="ser">se-resize</td>
<td class="swr">sw-resize</td>
<td>default</td>
</tr>
</table>
</body>
</html>

クリックすると表示結果をみることができます。

2003//()

トップページへ

広告 花 万馬券 無料レンタルサーバー ブログ blog