css画一个倒梯形,直接提供代码
时间: 2024-01-15 21:02:42 浏览: 157
html+css翻页动画效果
以下是使用 CSS 画一个倒梯形的代码:
```html
<div class="trapezoid"></div>
```
```css
.trapezoid {
width: 0;
height: 0;
border-bottom: 50px solid blue;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
}
```
其中,`.trapezoid` 是一个 div 元素的 class 名称。`width` 和 `height` 属性分别设置为 0,表示这个 div 元素的宽度和高度都为 0。`border-bottom` 属性设置为 50px 的蓝色实线,表示倒梯形的底部。`border-left` 和 `border-right` 属性设置为 25px 的透明线,表示倒梯形的两侧斜边。
你可以根据自己的需要调整倒梯形的大小和颜色。
阅读全文