·您当前的位置:主页 > 技术教程 > Html5技术 >

通过 CSS3 创建圆角边框和向矩形添加阴影

时间:2019-01-22 08:54阿酷
通过 CSS3,您能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框 - 并且不需使用设计软件,比如 PhotoShop

通过 CSS3,您能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框 - 并且不需使用设计软件,比如 PhotoShop。

在本章中,您将学到以下边框属性:

border-radius
box-shadow
border-image
浏览器支持
属性    浏览器支持
border-radius                         
box-shadow                         
border-image                         
Internet Explorer 9+ 支持 border-radius 和 box-shadow 属性。

Firefox、Chrome 以及 Safari 支持所有新的边框属性。

注释:对于 border-image,Safari 5 以?#26696;?#32769;的版本需要前缀 -webkit-。

Opera 支持 border-radius 和 box-shadow 属性,但是对于 border-ima

向 div 元素添加圆角:

div
{
border:2px solid;
border-radius:25px;
-moz-border-radius:25px; /* Old Firefox */
}
向 div 元素添加方框阴影:

div
{
box-shadow: 10px 10px 5px #888888;
}
 

热门文章推荐

请稍候...
北京快乐八开奖结果