CSS的圓角和定位實現太極

逆戰班第二週:CSS的圓角和定位實現太極圖 主要用到的有圓角boorder-radius,定位 效果圖: 先寫第一個半圓 先寫出一個300*300的方形,然後居中,設置邊框(黑色設置黑色,白色設置白色),添加圓角,並相對定位 第二個半圓 把兩個圓定位合成一個圓,給白色定位 再做兩個圓環並絕對定位 最後效果 全部代碼如下
相關文章
相關標籤/搜索