CSS3 Introduction to Mastery (i)

CSS is used to control the style and layout of Web pages.

CSS3 is the latest CSS standard.

I. CSS3 border

Instance

To add a fillet to a DIV element:

DIV{BORDER:2PX solid;border-radius:25px;-moz-border-radius:25px; * * Old Firefox */}

CSS3 Border Shadow

In CSS3, Box-shadow is used to add a shadow to a box:

Instance

To add a box shadow to a DIV element:

div{box-shadow:10px 10px 5px #888888;}

CSS3 Border Picture

With the Border-image property of CSS3, you can use a picture to create a border:

The Border-image property allows you to specify a picture for the border!

The original picture used to create the above border:

Instance

Use a picture to create a border around a DIV element:

Div{border-image:url (border.png) Round;-moz-border-image:url (border.png) and round;/* Old Firefox */- Webkit-border-image:url (border.png) round; /* Safari and Chrome */-o-border-image:url (border.png) round; /* Opera */}

　

Properties	Description	CSS
Border-image	Sets the shorthand property for all border-image-* properties.	3
Border-radius	Sets the shorthand properties for all four Border-*-radius properties.	3
Box-shadow	Add one or more shadows to the box.	3

CSS3 Introduction to Mastery (i)