<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Language" content="pl">
<title>CSS - visual formatting</title>
<link rel="Stylesheet" type="text/css" href="style.css" />
<style type="text/css">
td {
width:100px;
height: 50px;
background: lightcyan;
border: 2px solid black;
}
</style>
</head>
<body>
<table>
<tr>
<td style="cursor: auto;">auto</td>
<td style="cursor: default;">default</td>
<td style="cursor: none;">none</td>
<td style="cursor: context-menu;">context-menu</td>
<td style="cursor: help;">help</td>
<td style="cursor: pointer;">pointer</td>
</tr>
<tr>
<td style="cursor: progress;">progress</td>
<td style="cursor: wait;">wait</td>
<td style="cursor: cell;">cell</std>
<td style="cursor: crosshair;">crosshair</td>
<td style="cursor: text;">text</td>
<td style="cursor: vertical-text;">vertical-text</td>
</tr>
<tr>
<td style="cursor: alias;">alias</td>
<td style="cursor: copy;">copy</td>
<td style="cursor: move;">move</td>
<td style="cursor: no-drop;">no-drop</td>
<td style="cursor: not-allowed;">not-allowed</td>
<td style="cursor: grab;">grab</td>
</tr>
<tr>
<td style="cursor: grabbing;">grabbing</td>
<td style="cursor:e-resize">e-resize</td>
<td style="cursor: n-resize;">n-resize</td>
<td style="cursor: ne-resize;">ne-resize</td>
<td style="cursor: nw-resize;">nw-resize</td>
<td style="cursor: s-resize;">s-resize</td>
</tr>
<tr>
<td style="cursor: se-resize;">se-resize</td>
<td style="cursor: sw-resize;">sw-resize</td>
<td style="cursor: w-resize;">w-resize</td>
<td style="cursor: ew-resize;">ew-resize</td>
<td style="cursor: ns-resize;">ns-resize</td>
<td style="cursor: nesw-resize;">nesw-resize</td>
</tr>
<tr>
<td style="cursor: nwse-resize;">nwse-resize</td>
<td style="cursor: col-resize;">col-resize</td>
<td style="cursor: row-resize;">row-resize</td>
<td style="cursor: all-scroll;">all-scroll</td>
<td style="cursor: zoom-in;">zoom-in</td>
<td style="cursor: zoom-out;">zoom-out</td>
</tr>
<tr>
<td style="cursor: url('grafika/kangur_05.jpg'), url('grafika/kangur_05.jpg'), default;" colspan="6">kangur</td>
</tr>
</table>
</body>
</html>
|
|