欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css圓形方塊改成長方形

方一強2年前10瀏覽0評論

CSS中可以用border-radius屬性來創建圓形方塊。但是,如果想將圓形方塊改成長方形,我們需要用到另外一個屬性——border-radius的縮寫border。以下是一個圓形方塊:

div {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: red;
}

如果我們想將其改成長方形,只需要將border-radius改成border,并且給border的四個值分別指定上下左右的彎曲程度即可。

div {
width: 100px;
height: 100px;
border: 20px 10px 20px 10px;
background-color: red;
}

如上代碼,border的四個值分別是上下左右的彎曲程度,它們的單位可以是px、em等,也可以是百分比。我們可以根據實際需要來調整彎曲程度。這樣,就將圓形方塊改成了長方形。