要做一个弧形,大家可以利用CSS中的border-radius属性。
border-radius可以设置元素的四个角的半径,也可以设置两个角或一个角的半径,如果将左上角和右上角的半径设置成相同的,将左下角和右下角的半径设置成相同的,并将左上角和右下角的半径设置成相同的,那么这个元素就会呈现出一个弧形。
.arc { width: 200px; height: 100px; border-radius: 100px 100px 0 0; background-color: red; }
首页 >
要做一个弧形,大家可以利用CSS中的border-radius属性。
border-radius可以设置元素的四个角的半径,也可以设置两个角或一个角的半径,如果将左上角和右上角的半径设置成相同的,将左下角和右下角的半径设置成相同的,并将左上角和右下角的半径设置成相同的,那么这个元素就会呈现出一个弧形。
.arc { width: 200px; height: 100px; border-radius: 100px 100px 0 0; background-color: red; }