Similar Topics...
 |
CSS3 New Style Options
Here is the syntax for applying new style options 'border-radius' and 'box-shadow' to a style sheet. This example will render a nicely shadowed gray box with round corners.
CSS3 is not supported on IE8 or lower.
.StyledBox
{
background-color: #f6f6f6;
border: solid 1px #e5e5e5;
display: block;
font-family: Tahoma, Arial;
font-size: 10pt;
margin-bottom: 10px;
padding: 10px;
border-radius: 4px 4px 4px 4px;
box-shadow: 2px 2px 4px #e5e5e5;
}
You may need to change your DocType from a lower version to something like:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Also, this CSS doesn't always work if nested inside of tables/items with their own borders or shadows.
Created By: amos 3/18/2013 3:01:38 PM
Updated: 3/18/2013 8:46:03 PM
|
|
|
|
|
|