您的位置: 首页 > 文章 > CSS的圆角和定位实现太极 CSS的圆角和定位实现太极 分类: 文章 • 2024-02-22 08:48:28 逆战班第二周:CSS的圆角和定位实现太极图 主要用到的有圆角boorder-radius,定位 效果图: 先写第一个半圆 先写出一个300*300的方形,然后居中,设置边框(黑色设置黑色,白色设置白色),添加圆角,并相对定位 第二个半圆 把两个圆定位合成一个圆,给白色定位 再做两个圆环并绝对定位 最后效果 全部代码如下