border-radius 屬性設置邊框的園角 可能的值:像素,百分比 擴展延伸 html代碼 css代碼 結果 css代碼 結果 css代碼 結果 css代碼 結果 css代碼 結果 css代碼 結果 css代碼 結果 ...
border-radius 屬性設置邊框的園角
可能的值:像素,百分比
擴展延伸
html代碼
<div></div>
css代碼
div { height: 200px; width: 200px; border: 2px solid #a72525; border-radius: 10px; }
結果
css代碼
div { height: 200px; width: 200px; background: #a72525; border-radius: 50%; }
結果
css代碼
div { height: 200px; width: 400px; border: 2px dashed #a72525; border-radius: 200px 0 0 200px; }
結果
css代碼
div { height: 200px; width: 200px; border: 2px dotted #a72525; border-radius: 100% 0 0; }
結果
css代碼
div { height: 200px; width: 500px; background: #f09; border-radius: 50%; }
結果
css代碼
div { height: 200px; width: 200px; background: #f90; border-radius: 100% 0; }
結果
css代碼
div { width: 0; height: 0; border: 100px solid gray; border-radius: 100px; border-right-color: transparent; }
結果