码迷,mamicode.com
首页 > Web开发 > 详细

css学习----边框属性

时间:2018-05-04 17:04:00      阅读:229      评论:0      收藏:0      [点我收藏+]

标签:使用   tty   相同   src   box   top   css3   source   阴影   

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学习----边框属性

标签:使用   tty   相同   src   box   top   css3   source   阴影   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!