在CSS中,通過使用圓的上陰影和下面的陰影來畫圓,這需要利用到border-radius這個屬性。下面的代碼演示了如何利用CSS畫出兩個圓:
.circle1 { width: 100px; height: 100px; background-color: #FFA500; border-radius: 50%; box-shadow: 0px 0px 0px 10px #FFA500; } .circle2 { width: 100px; height: 100px; background-color: #FF6347; border-radius: 50%; box-shadow: 0px 0px 0px 10px #FF6347; }
上述代碼中,我們為圓形指定了寬度和高度,然后設置了半徑為50%的圓角,以創建圓形。box-shadow屬性的前兩個值為0,這意味著陰影的起始位置將與邊角完全重合,而第四個值是陰影的模糊半徑,可以根據需要進行調整。最后,我們設置了不同的背景顏色,以便創建兩個不同的圓形。
上一篇mysql 集成測試
下一篇css畫三角形帶邊框