开发者学堂课程【HTML5 新特性学习:CSS3边框】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/396/detail/5053
CSS3边框
CSS3边框:
通过CSS3,您能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框-并且不需使用设计软件,比如PhotoShop。
属性:
border-radius box-shadow border-image
浏览器支持:
Internet Explorer 9+支持 border-radius 和 box-shadow 属性。 Firefox、Chrome 以及 Safari 支持所有新的边框属性。
1、创建 index 文件
div1
width:100px;
height :50px;
bo rder :2px solid cadetblue ;
2、圆角效果
div1
width:100px;
height :50px;
bo rder :2px solid cadetblue ;
border-radius: 10px;
3、阴影效果
<div class "div2 " >