css画个三角
时间: 2023-07-23 14:15:06 浏览: 81
用css画三角形
你可以使用 CSS 中的 border 属性来画三角形。
例如,要画一个向下的三角形,可以这样写:
```css
.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 50px solid red;
}
```
这个代码片段会创建一个宽度为 0,高度为 0 的元素,并且使用 border 属性来画出一个向下的三角形。其中,border-left 和 border-right 用来画出三角形的两侧,border-top 用来画出三角形的底部。
你可以将 red 替换成其他颜色,来改变三角形的颜色。如果你想要画一个向上的三角形,可以将 border-top 替换成 border-bottom。
阅读全文