使用css画等边三角形
时间: 2023-04-02 18:02:08 浏览: 353
可以使用CSS的border属性来画等边三角形,具体代码如下:
```
.triangle {
width: ;
height: ;
border-top: 50px solid transparent;
border-left: 50px solid #f00;
border-right: 50px solid #f00;
}
```
其中,width和height设置为,表示三角形没有实际的宽度和高度,而是通过border属性来实现。border-top设置为50px,表示三角形的高度为50px,border-left和border-right都设置为50px,表示三角形的底边长度为100px,由于是等边三角形,所以两个角度都是60度。
相关问题
使用css画一个三角形
可以使用CSS的border属性来创建一个三角形:```
div {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
}
```
使用css画一个红色三角形
可以使用 CSS 的 border 属性来实现一个红色三角形,代码如下:
```css
.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 50px solid red;
}
```
这个三角形的宽高可以根据具体需求进行调整,其中 border-left 和 border-right 控制三角形的底边,border-bottom 控制三角形的高度。