CSS3的角架和边界的画面效果的例子

CSS3的角架和边界的画面效果的例子
本研究的主要内容如下:

圆角半径
阴影框阴影
边界图像边界图像

1。圆角半径

xml代码将内容复制到剪贴板。
边框半径属性允许您将角边框添加到元素中!

{ div
宽度:200px;
身高:100px;
填料:20px;
border: 1px solid红;
边界半径:25px;
}

2。阴影框阴影

xml代码将内容复制到剪贴板。

{ div
宽度:200px;
身高:100px;
背景:红色;
x偏移量y偏移阴影颜色的模糊度。
盒子的影子:10px 10px 5px # 000;
}
三.边界图象

HTML的一部分

xml代码将内容复制到剪贴板。
注意:Internet Explorer不支持边框图像属性。
边框图像属性用于设置图片的边框。

在这里,图像被铺好(重复)以填充该区域。

在这里,图像被拉长以填充区域。

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

CSS部分

CSS代码将内容复制到剪贴板。
{ div
宽度:250px;
填料:10px 20px;
翻译:15px固体边界;
}
{ #轮
* Safari *
图片源边框,图像宽度的向内偏移,用于在绘图样式/外部框中指定边框图像区域的数量。
WebKit的边界图像:URL(。 / /图像边界。PNG)3030轮;
歌剧*
- o-border-image:URL(。 / /图像边界。PNG)3030轮;
边框图片:URL(..)3030轮;
}

{ #伸展
WebKit的边界图像:URL(。 / /图像边界。PNG)3030张;
- o-border-image:URL(。 / /图像边界。PNG)3030张;
边框图像:URL(..)3030张;
}
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。

tag:边界例子画面效果电脑软件

相关内容