你的位置:首页 > 软件开发 > 网页设计 > CSS + radius 五环

CSS + radius 五环

发布时间:2016-11-09 00:00:12
使用CSS的外链方式,写了一个五环CSS的布局附加radius的使用思路:一个大盒子里放两个子盒子;两个子盒子上下排列,分别放3个和2个盒子用来制作圆环;大盒子给相对定位,连个子盒子设为绝对定位;用到CSS中的 border-radius 方法制作圆环,前提是用来制作圆环的五个盒 ...

使用CSS的外链方式,写了一个五环

CSS的布局

附加radius的使用

思路:

一个大盒子里放两个子盒子;

两个子盒子上下排列,分别放3个和2个盒子用来制作圆环;

大盒子给相对定位,连个子盒子设为绝对定位;

用到CSS中的 border-radius 方法制作圆环,前提是用来制作圆环的五个盒子要添加边框 border 这个属性

 
html代码

<!DOCTYPE html>

原标题:CSS + radius 五环

关键词:CSS

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