首页 > Web开发 > 详细

十天精通CSS3(慕课网上的教程笔记)

时间:2017-05-29 21:32:44      阅读:324      评论:0      收藏:0      [点我收藏+]

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(慕课网上的教程笔记)

原文:http://www.cnblogs.com/jongsuk0214/p/6918986.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!