画一个三角形css代码要怎么写
时间: 2023-02-18 07:07:19 浏览: 101
你可以使用以下CSS代码来绘制一个三角形:
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid #000;
相关问题
用CSS代码画一个三角形
我不了解CSS代码,但是可以用HTML代码画一个三角形:<div style="width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid #000;"></div>
html三角形正方形代码,用CSS画三角形,纯CSS绘制三角形的代码
绘制三角形的纯CSS代码:
```html
<div class="triangle"></div>
```
```css
.triangle {
width: 0;
height: 0;
border-top: 50px solid #f00; /* 上边为红色 */
border-right: 50px solid transparent; /* 右边为透明 */
border-bottom: 50px solid transparent; /* 下边为透明 */
border-left: 50px solid transparent; /* 左边为透明 */
}
```
绘制正方形的HTML代码:
```html
<div class="square"></div>
```
```css
.square {
width: 100px;
height: 100px;
background-color: #f00;
}
```
阅读全文