可能的值:像素,百分比
html程式碼
<p></p>
css程式碼
p { height: 200px; width: 200px; border: 2px solid #a72525; border-radius: 10px; }
結果
css程式碼
p { height: 200px; width: 200px; background: #a72525; border-radius: 50%; }
結果
css程式碼
#p { height: 200px; width: 100px; border: 2px dashed #a72525; border-radius: 100px 0 0 100px; }
結果
css程式碼
p { height: 200px; width: 200px; border: 2px dotted #a72525; border-radius: 100% 0 0; }
結果
#
css程式碼
p { height: 200px; width: 100px; background: #f09; border-radius: 50%; }
結果
css程式碼
p { height: 200px; width: 200px; background: #f90; border-radius: 100% 0; }
結果
css程式碼
p { width: 0; height: 0; border: 100px solid gray; border-radius: 100px; border-right-color: transparent; }
結果
以上是css樣式之border-radius詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!