*以下技巧均源自于Lea Verou所著《CSS Secrets》自适应椭圆与圆角构造 众所周知,在css上构造圆形只需要将border-radius属性值设为边长的一半即可。<!DOCTYPE html><html lang="en" ...
*以下技巧均源自于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
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。