HTML&CSS绘制三角形

1.代码:

html 复制代码
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>01triangle</title>
    <style>
        .box {
            width: 0px;
            height: 0px;
            /* background-color: red; */
            border: 50px solid transparent;
            border-left: 50px solid rgb(255, 174, 0)
        }
    </style>
</head>

<body>
    <div class="box">
    </div>
</body>

</html>

2.效果图

相关推荐
前端涂涂7 分钟前
哈希指针,什么是区块链,genesis blcok,most recent block,tamper-evident log,merkle tree,binar
前端
尽兴-14 分钟前
问题记录:数据库字段 `CHAR(n)` 导致前端返回值带空格的排查与修复
前端·数据库·mysql·oracle·达梦·varchar·char
Onebound_Ed20 分钟前
Python爬虫进阶:面向对象设计构建高可维护的1688商品数据采集系统
开发语言·爬虫·python
DsirNg20 分钟前
Vue 3:我在真实项目中如何用事件委托
前端·javascript·vue.js
克喵的水银蛇20 分钟前
Flutter 适配实战:屏幕适配 + 暗黑模式 + 多语言
前端·javascript·flutter
foxsen_xia30 分钟前
Go安装、配置和vsCode配置Go
开发语言·vscode·golang
雍凉明月夜30 分钟前
c++ 精学笔记记录Ⅰ
开发语言·c++·笔记
小鹏编程37 分钟前
C++ 周期问题 - 计算n天后星期几
开发语言·c++
繁华似锦respect37 分钟前
C++ unordered_map 底层实现与详细使用指南
linux·开发语言·c++·网络协议·设计模式·哈希算法·散列表
太阳以西阿41 分钟前
【计算机图形学】01 OpenGL+Qt
开发语言·qt