css3圆角阴影背景

在 CSS3 中 border-radius 属性被用于创建圆角

CSS3 中的 box-shadow 属性被用来添加阴影

border-image 属性，你可以使用图像创建一个边框 round平铺；stretch 拉伸

border-radius 属性，你可以给任何元素制作“圆角”

CSS 拥有用于为元素的每个角指定圆角的属性：

• border-radius: 15px 50px 30px 5px;：左上角为15px，右上角为50px，右下角为30px，左下角为5px。
• border-radius: 15px 50px 30px;：左上角为15px，右上角和左下角为50px，右下角为30px。
• border-radius: 15px 50px;：左上角和右下角为15px，右上角和左下角为50px。
• border-radius: 15px;：四个角都是15px。

background-image 属性添加背景图片。

不同的背景图像和图像用逗号隔开，所有的图片中显示在最顶端的为第一张。

background-size 指定背景图像的大小。CSS3 以前，背景图像大小由图像的实际大小决定。

CSS3 中可以指定背景图片，让我们重新在不同的环境中指定背景图片的大小。你可以指定像素或百分比大小。

你指定的大小是相对于父元素的宽度和高度的百分比的大小。

background-origin 属性指定了背景图像的位置区域。

content-box、padding-box 和 border-box 区域内可以放置背景图像。

background-clip 背景剪裁属性是从指定位置开始绘制。