首页 > Web开发 > 详细

CSS3圆角

时间:2016-11-01 16:49:16      阅读:270      评论:0      收藏:0      [点我收藏+]

使用border-radius属性:

(1):

技术分享

(2)但是,如果你要在四个角上一一指定,可以使用以下规则:

  • 四个值: 第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角。
  • 三个值: 第一个值为左上角, 第二个值为右上角和左下角,第三个值为右下角
  • 两个值: 第一个值为左上角与右下角,第二个值为右上角与左下角
  • 一个值: 四个圆角值相同

 (3)CSS3圆角边框可指定

 a:background:#--   背景颜色

 b:border:-- -- --     边框

 c:background:url(--)背景图像

(4)设置椭圆边框:

 border-radius:50%

 

CSS3圆角

原文:http://www.cnblogs.com/yigexiaojiangshi/p/6019878.html

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