技术栈

使用css实现三角形?

一个大长腿2024-03-17 18:25

HTML:

html 复制代码
<div class="box"></div>

CSS:

css 复制代码
.box{
    width:0;
    height:0;
    border-top:40px solid transparent;
    border-left:40px solid transparent;
    border-right:40px solid transparent;
    border-bottom:40px solid pink;

}

效果:

上一篇:基于qt和css的MP3音乐播放器引擎开发
下一篇:【git报错】【重置代理】Failed to connect to github.com port 443: Connection refused
相关推荐
dualven_in_csdn
1 小时前
搞了两天的win7批处理脚本问题
java·linux·前端
你的人类朋友
1 小时前
✍️【Node.js程序员】的数据库【索引优化】指南
前端·javascript·后端
小超爱编程
2 小时前
纯前端做图片压缩
开发语言·前端·javascript
应巅
2 小时前
echarts 数据大屏(无UI设计 极简洁版)
前端·ui·echarts
Jimmy
3 小时前
CSS 实现描边文字效果
前端·css·html
islandzzzz
3 小时前
HMTL+CSS+JS-新手小白循序渐进案例入门
前端·javascript·css·html
Senar
4 小时前
网页中如何判断用户是否处于闲置状态
前端·javascript
很甜的西瓜
4 小时前
typescript软渲染实现类似canvas的2d矢量图形引擎
前端·javascript·typescript·图形渲染·canvas
Allen Bright
4 小时前
【CSS-9】深入理解CSS字体图标:原理、优势与最佳实践
前端·css
阿芯爱编程
5 小时前
最长和谐子序列,滑动窗口
前端·javascript·面试
热门推荐
01DeepSeek各版本说明与优缺点分析02【图像处理与机器视觉】XJTU期末考点03KGG转MP3工具|非KGM文件|解密音频04海康Visionmaster-常见问题排查方法-启动阶段05从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑06YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】07Trae AI 开发工具使用手册08Coze扣子平台完整体验和实践(附国内和国际版对比)09【SpeedAI科研小助手】2分钟极速解决知网维普重复率、AIGC率过高,一键全文降!文件格式不变,公式都保留的!10零代码入门 | Coze——让大模型接入自己的数据库