用css帮我画一个长方形,顶边是圆弧的
时间: 2023-12-14 12:37:36 浏览: 204
CSS实例:用CSS制作网页像素画
可以使用CSS的border-radius属性来画一个顶部是圆弧的长方形,如下所示:
```html
<div class="rectangle"></div>
```
```css
.rectangle {
width: 200px;
height: 100px;
background-color: #ccc;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}
```
这里的`border-top-left-radius`和`border-top-right-radius`属性设置为50px,可以根据需求进行调整。
阅读全文