这篇文章主要讲解了“CSS3边框border怎么用”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“CSS3边框border怎么用”吧！
使用方法：
border-radius:10px;/* 所有角都使用半径为10px的圆角 */
border-radius: 5px 4px 3px 2px;/* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */
不要以为border-radius的值只能用px单位，你还可以用百分比或者em。border-radius实用 box-shadow是向盒子添加阴影。支持添加一个或者多个。 语法： box-shadow:X轴偏移量Y轴偏移量[阴影模糊半径][阴影扩展半径][阴影颜色][投影方式]; 参数介绍： 注意：inset 可以写在参数的第一个或最后一个，其它位置是无效的。
1、阴影模糊半径与阴影扩展半径的区别
阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；
阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小；
2、X轴偏移量和Y轴偏移量值可以设置为负数 注意：如果添加多个阴影，只需用逗号隔开即可
border-image 顾名思义就是为边框应用背景图片，它和我们常用的background属性比较相似。
border-image的语法：
repeat就是一直重复，然后超出部分剪裁掉，而且是居中开始重复。 Round可以理解为圆满的铺满。为了实现圆满所免费云主机域名以会压缩（或拉伸）。 Stretch很好理解就是拉伸，有多长拉多长。有多远“滚”多远。 webkit浏览器对于round属性和repeat属性似乎没有区分，显示效果是一样的。 感谢各位的阅读，以上就是“CSS3边框border怎么用”的内容了，经过本文的学习后，相信大家对CSS3边框border怎么用这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是百云主机，小编将为大家推送更多相关知识点的文章，欢迎关注！免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@byun.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
相关推荐: vue的路由守卫和keep-alive后生命周期是什么
本文小编为大家详细介绍“vue的路由守卫和keep-alive后生命周期是什么”，内容详细，步骤清晰，细节处理妥当，希望这篇“vue的路由守卫和keep-alive后生命周期是什么”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。1、箭…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
