css怎么实现一个三角形
时间: 2023-05-25 18:07:08 浏览: 112
CSS绘制三角形的实现代码(border法)
5星 · 资源好评率100%
可以使用CSS的border属性来创建一个三角形。
代码示例:
```html
<div class="triangle"></div>
```
```css
.triangle {
width: 0;
height: 0;
border-top: 50px solid red;
border-right: 50px solid transparent;
border-left: 50px solid transparent;
}
```
解析:
使用border属性创建一个三角形,可以设置其中一个边框为透明色。这里设置border-top为红色,而border-right和border-left为透明,所以生成的就是一个直角三角形。同时,设置其宽度和高度为0,即未定义尺寸,根据边框的设置来生成三角形。如果需要等腰或等边三角形,只需要设置其宽度和高度相等即可。
阅读全文