請問用css繪制圓形和半圓的原理是什么?另外為什么用%和px做單位效果會不一樣?比如div{? ? ? ? ? ? width:100px;? ? ? ? ? ? height:100px;? ? ? ? ? ? border:1px solid #ccc;? ? ? ? ? ? border-radius:50px;? ? ? ? }這樣就能畫出一個標準的圓形,可是把寬高設成10px,圓角設成5px,就不是標準的圓形了,請看截圖為什么會這樣,必須用%嗎?
5 回答
已采納
anet
TA貢獻79條經驗 獲得超19個贊
不不不，這個并不是標準的圓，視覺錯誤。
標準的圓，border-radius的值同于寬高，寬高也應一致。
你寫的是簡寫屬性，該屬性的子屬性實在太多，我就講個典型
border-radius: x/y;
看到沒有，x代表水平偏移量，y代表垂直偏移量，兩者以正斜線相隔。
當你只寫了一個值，那么水平，垂直偏移量都為該值。
來一張渣圖
水平偏移量 %值相對 寬度參考
垂直偏移量?%值相對 高度參考
所以你要畫一個標準的圓，width=height radius:100%;
如果不用%，那么width=height=radius
-
暮女神我明白了!可是我剛才看的那本書上就是寫著寬高為100px,圓角為50px實現圓形,還好來問了一下.
- 5 回答
- 0 關注
- 2661 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消