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;
text-decoration:none;
color:#5e9ba8;
}
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.
