HTML設(shè)置
為原型，可以使網(wǎng)頁設(shè)計更加靈活多變。
以上代碼可以設(shè)置一個紅色的圓形
，其中width和height屬性設(shè)置為50%可以讓
的寬高比為1:1，padding-bottom屬性則是以寬度為基準(zhǔn)，設(shè)置padding的百分比，使得高度等于寬度的一半，即為圓形。最后，border-radius屬性設(shè)置為50%可以使邊框變成圓形。
除了圓形外，我們還可以通過設(shè)置不同的border-radius屬性值，創(chuàng)建出橢圓、半圓、菱形等形狀的
。
以上代碼可以創(chuàng)建一個藍(lán)色的橢圓形
，其中border-radius屬性的第一個值50px表示長軸的長度，第二個值25px表示短軸的長度，二者相除即可得到border-radius屬性值。
HTML設(shè)置
為原型的好處是，可以使我們在不使用圖片的情況下，利用CSS屬性創(chuàng)建出多種形狀的元素，增強網(wǎng)頁視覺效果。
下一篇mui框架vue