css中做一个用border三角形
时间: 2023-05-18 09:07:11 浏览: 190
CSS绘制三角形的实现代码(border法)
可以使用CSS的伪元素来实现一个用border制作的三角形,具体代码如下:
```css
.triangle {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-right: 50px solid #000;
}
```
这个代码会生成一个黑色的三角形,你可以通过修改border-right的颜色和宽度来调整三角形的样式。
阅读全文