HTML and CSS Reference
In-Depth Information
The CSS for this part is going to look something
like this one below.
It has everything it needs to be rendered correctly.
#page p.category a {
background:rgb(255,255,255);
background:-moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(244,244,244) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,
rgb(255,255,255)), color-stop(100%, rgb(244,244,244)));
background:-webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(244,244,244) 100%);
background:-o-linear-gradient(top, rgb(255,255,255) 0%, rgb(244,244,244) 100%);
background:-ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(244,244,244) 100%);
background:linear-gradient(top, rgb(255,255,255) 0%, rgb(244,244,244) 100%);
padding:6px 15px 5px 15px; /* create the space around the text */
border:1px solid #e7e7e7; /* add the border */
font:normal 11px/16px Arial, sans-serif; /* set the font size */
text-shadow:0 2px 0 #FFF; /* add the drop shadow effect on the text */
text-decoration:none; /* disable the underline */
margin:0 0 0 17px; /* move the text to the right */
color:#999; /* change the default color */
}
Maybe add a :hover state the a tag, too:
#page p.category a:hover {
color:#000;
}
Search WWH ::




Custom Search