首页 > 代码库 > 十天精通CSS3(慕课网上的教程笔记)
十天精通CSS3(慕课网上的教程笔记)
1、border-radius:向元素添加圆角边框。
border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */
2、box-shadow:向盒子添加阴影。支持添加一个或者多个。
语法:
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
注意:inset 可以写在参数的第一个或最后一个,其它位置是无效的。
3、border-image:
语法:
参数:
repeat:就是一直重复,然后超出部分剪裁掉,而且是居中开始重复;
Round 参数:Round可以理解为圆满的铺满。为了实现圆满所以会压缩(或拉伸);
Stretch:很好理解就是拉伸,有多长拉多长。有多远“滚”多远。
十天精通CSS3(慕课网上的教程笔记)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。