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

CSS3 从头捋

时间:2018-10-19 17:43:14      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:css   width   span   red   bsp   半径   作用   style   order   

1.border-radius  边界半径

作用:该属性用来实现圆角

示例1实现圆角

div
{
    border:2px solid red;
    width:300px;
    border-radius:25px;
}

示例2实现圆

div {
     border: 1px solid red;
     height: 100px;
    width: 100px;
    border-radius: 50%;
}

示例3 不规则圆

div {
    border: 1px solid red;
    height: 100px;
    width: 200px;
    border-radius: 50px 0px;
}

 

CSS3 从头捋

标签:css   width   span   red   bsp   半径   作用   style   order   

原文地址:https://www.cnblogs.com/zzzzzzzsy/p/9817461.html

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