css3.边框，圆角，背景

1 边框

1.1 圆角

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

1.2 盒阴影

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

1.3 边界图片

有了 CSS3 的 border-image 属性，你可以使用图像创建一个边框。

 

2圆角

2.1 border-radius 属性

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

2.2 指定每个圆角

2.3 圆形边角

3 背景

3.1 background-image 属性

CSS3 中可以通过 `background-image` 属性添加背景图片。

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

4.2 background-size 属性

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

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

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

4.3 background-origin 属性

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

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

4.4 background-clip 属性

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