March 01, 2005

CSS - Styling a button

Sample CSS:

#btn a {
color: #000000;
font-size:10px;
font-family:verdana;
font-weight:bold;
text-decoration: none;
border:4px outset #cc9900;
background-color:#00ffff;
display: block;
width: 160px;
padding: 3px 5px;
margin: 1px;
}
#btn a:hover {
background-color: #00c0c0;
color:#000000;
padding-left:4px;
border:4px inset aqua;
}

CSS Cursor values

In CSS syntax, 'cursor' properties supports the following values:

auto: Allows the Enduser's browser to select the Cursor.
crosshair: Crosshair
default: Default Cursor
pointer: Pointer that indicates a link.
move: Indicates something is to be moved
*-resize: Cursor used to reposition windows.
text: Text I-bar.
wait: Busy or wait hourglass cursor.
help: Help cursor




More details may be found at:CSS Cursors - Tutorials - HTMLCenter: "auto: Allows the Enduser's browser to select the Cursor.
crosshair: Crosshair
default: Default Cursor
pointer: Pointer that indicates a link.
move: Indicates something is to be moved
*-resize: Cursor used to reposition windows.
text: Text I-bar.
wait: Busy or wait hourglass cursor.
help: Help cursor "