以前做三角形图标一直是用图片，或者css3旋转，现在才发现原来还有这么简单的三角形
div {
border: 10px solid transparent;
border-bottom: 10px solid #000;
width: 0;
}
只要这么简单的三行css就可以实现一个三角形！
立即学习“前端免费学习笔记（深入）”；
0
0
纯css做三角形图标
php中文网
发布时间：2016-09-09 08:13:20
|1334人浏览过
|来源于php中文网
原创
相关文章
自定义光标在视频元素上偏移的精准对齐解决方案
自定义光标在视频区域对齐偏移问题的解决方案
如何精准对齐自定义光标中的 SVG 元素（圆形文字环与三角形）
如何用 CSS 实现元素绕自身中心 360° 无缝旋转动画
如何使用 CSS 动画实现元素绕自身中心 360° 旋转
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
C++ 设计模式与软件架构
本专题深入讲解 C++ 中的常见设计模式与架构优化，包括单例模式、工厂模式、观察者模式、策略模式、命令模式等，结合实际案例展示如何在 C++ 项目中应用这些模式提升代码可维护性与扩展性。通过案例分析，帮助开发者掌握 如何运用设计模式构建高质量的软件架构，提升系统的灵活性与可扩展性。
4
2026.01.30
热门下载
精品课程
相关推荐
/
热门推荐
/
最新课程
