首页 > Web开发 > 详细

css学习----边框属性

时间:2018-05-04 16:40:08      阅读:187      评论:0      收藏:0      [点我收藏+]

CSS 边框属性

参考手册:http://www.runoob.com/css3/css3-borders.html

边框属性有三个

  • border-radius--------------------------处理边框圆角
  • box-shadow----------------------------处理边框阴影
  • border-image--------------------------在使用图片创建边框:

 

border-radius:length(或者百分比)---简写统一设置四个角

每个半径的四个值的顺序是:左上角,右上角,右下角,左下角。如果省略左下角,右上角是相同的。如果省略右下角,左上角是相同的。如果省略右上角,左上角是相同的。

参考网址:http://www.runoob.com/css3/css3-border-radius.html

分开设置:

  border-top-left-radius:2em;
  border-top-right-radius:2em;
  border-bottom-right-radius:2em;
  border-bottom-left-radius:2em;

 

 

box-shadow: h-shadow v-shadow blur spread color inset;

技术分享图片

 

border-image: source slice width outset repeat|initial|inherit;
技术分享图片

 


 

css学习----边框属性

原文:https://www.cnblogs.com/ensoul/p/8990916.html

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