CSS3 border

CSS3 Borders

With CSS3, you can create rounded borders, add shadow boxes

In this chapter, you You will learn about the following border properties

##box-shadow Append the shadow of one or more drop-down boxes 3

Properties	Description	CSS
border- image	Sets the shorthand properties of all border images.	3
border-radius	A shorthand property for setting all four border-*-radius properties	3

##CSS3 Rounded CornersAdding rounded corners in CSS2 is tricky. We had to use different images in every corner.

In CSS3, it is easy to create rounded corners.

The border-radius property is used to create rounded corners in CSS3:

Example

    php中文网(php.cn)  
  圆角边框！

Run Try the program

CSS3 box shadowThe box-shadow property in CSS3 is used to add a shadow:

    php中文网(php.cn)  
  CSS3盒阴影

Run the program to try it

CSS3 border imageWith the CSS3 border-image property, you can use images Create a border: The

border-image property allows you to specify an image as a border!

PHP中文网（php.cn)

border-image 属性用于设置图片的边框。

这里，图像平铺（重复）来填充该区域。

这里，图像被拉伸以填充该区域。

这是我们使用的图片素材：

Run the program and try it

PHP中文网（php.cn)

border-image 属性用于设置图片的边框。

这里，图像平铺（重复）来填充该区域。

这里，图像被拉伸以填充该区域。

这是我们使用的图片素材：

submit Reset Code

Automatic operation