你的位置:首页 > 软件开发 > 网页设计 > css3圆角介绍与应用技巧

css3圆角介绍与应用技巧

发布时间:2016-11-28 16:00:29
*以下技巧均源自于Lea Verou所著《CSS Secrets》自适应椭圆与圆角构造  众所周知,在css上构造圆形只需要将border-radius属性值设为边长的一半即可。<!DOCTYPE html><html lang="en" ...

css3圆角介绍与应用技巧

*以下技巧均源自于Lea Verou所著《CSS Secrets》

自适应椭圆与圆角构造

  众所周知,在css上构造圆形只需要将border-radius属性值设为边长的一半即可。

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>border-radius</title>  <style>    .borderRadius{      display: inline-block;      background: #fb3;      min-width: 200px;      height: 200px;      line-height: 200px;      border-radius: 100px; /* 边长的一半 */      box-sizing: border-box;      padding:0 5px;    }  </style></head><body>  <div class="borderRadius">    <div class="innerTxt"></div>  </div></body></html>

原标题:css3圆角介绍与应用技巧

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。