css3开发教程,css3最佳使用方法

首页 > 教育 > 作者:YD1662024-05-18 15:19:09

3、CSS3边界图片

我们可以用 border-image 属性用图像创建一个边框,让我们的边框更加形色多姿,例如:

css3开发教程,css3最佳使用方法(5)

CSS3圆角

使用 CSS3 border-radius 属性,你可以给任何元素制作 "圆角"。可同时设置,例如:

css3开发教程,css3最佳使用方法(6)

还可以创建椭圆边角,例如:

css3开发教程,css3最佳使用方法(7)

CSS3背景

CSS3包含了几个新的背景属性,提供了更大背景元素控制,如下:

我们可以通过 background-image 来添加背景图片,不同的背景图像和图像用逗号隔开,所有的图片中显示在最顶端的为第一张。

然后给不同的图片设置多个不同的属性。例如:

background-size指定背景图像的大小。

background-repeat指定图片重复填充还是不重复填充

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

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

例如:

css3开发教程,css3最佳使用方法(8)

上一页12345下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.