css代码做个三角形
时间: 2023-07-03 22:18:55 浏览: 105
三角形代码
可以使用 CSS 的 border 属性来实现三角形的效果。以下是一个简单的例子:
```html
<div class="triangle"></div>
```
```css
.triangle {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 50px solid black;
border-bottom: 50px solid transparent;
}
```
这段代码将创建一个宽度和高度均为 0 的 DIV 元素,并使用 border 属性来定义三角形的边框。其中,border-top 和 border-bottom 的宽度为 50px,颜色为 transparent(透明),而 border-right 的宽度为 50px,颜色为 black(黑色),从而创建了一个向右的等腰三角形。
阅读全文