HTML and CSS Reference
In-Depth Information
Lets recap your early work on the analysis and what
can be created using CSS magic:
• font styling and text shadow with text-shadow;
• the button's shadow with box-shadow;
• the button's border with border.
The CSS:
a.btn {
background:url(../images/btn.png) repeat-x top left;
-webkit-box-shadow:0 0 3px #CCC;
-moz-box-shadow:0 0 3px #CCC;
box-shadow:0 0 3px #CCC;
border:1px solid #90c8d4;
padding:4px 10px;
font:normal bold 14px/21px Arial, sans-serif;
text-shadow:0 1px 0 #FFF;
The box-shadow property adds the shadow of the
button; the -webkit- box-shadow and -moz-box-shadow
properties targets early versions of Webkit-based
browsers and Firefox browser.
Search WWH ::

Custom Search