色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css圓形方塊改成長方形

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

CSS中可以用border-radius屬性來創(chuàng)建圓形方塊。但是,如果想將圓形方塊改成長方形,我們需要用到另外一個屬性——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等,也可以是百分比。我們可以根據(jù)實際需要來調(diào)整彎曲程度。這樣,就將圓形方塊改成了長方形。