Comparison between css and css3

Original css:

border attribute

border-color: border color

border-width: border width

border-style: border style

none: No border. Independent of any specified border-width value
hidden: Hide the border. IE does not support
dotted: IE4+ on the MAC platform and IE5.5+ on the WINDOWS and UNIX platforms are dotted lines. Otherwise, it is a solid line (commonly used)
dashed: On the MAC platform, IE4+ and WINDOWS and IE5.5+ on the UNIX platform are dotted lines. Otherwise, it is a solid line (commonly used)
solid: solid line border (commonly used)
double: double-line border. The sum of two single lines and their intervals is equal to the specified border-width value
groove: Draw a 3D groove based on the value of border-color
ridge: Draw a diamond border based on the value of border-color
inset: Based on border Draw a 3D concave edge based on the value of -color
outset: Draw a 3D convex edge based on the value of border-color

css3

border border attribute:

border-radius: rounded corners

div

{

border:2px solid;

border-radius:25px ;

-moz-border-radius:25px; /* Old Firefox */

}

box-shadow：Border shadow

For example:

div

{

box-shadow: 10px 10px 5px #888888;

}

border-images: border image

border-image-soure

border-image-slice

border-image-width

border-image-outset

border- image-repeat

For more articles related to the comparison between css and css3, please pay attention to the PHP Chinese website!