html - 怎么實現css畫半圓邊框

問題描述

怎么實現讓圓形切成可自定義長度邊框(如圖)

問題解答

width: 50px;height: 100px;border: 1px solid black;border-radius: 100% 0 0 100%/50%;border-right: none;

border-radius， 可以指定4個值， 從左上角順時針應用， 用分號隔開就是 橫軸圓角半徑 / 縱軸圓角半徑