利用border绘制小三角

最新推荐文章于 2024-10-09 14:38:34 发布

明快de玄米61

最新推荐文章于 2024-10-09 14:38:34 发布

阅读量101

点赞数

分类专栏： java学习之路

本文链接：https://blog.csdn.net/qq_42449963/article/details/108477538

版权

java学习之路专栏收录该内容

739 篇文章 60 订阅

订阅专栏

代码：

<html>
<body>

1、
<div style="width: 0; height: 0;border-width: 100px; border-style: solid;border-color: #000 #ccc #ff0000 #ffff00;"></div>

2、
<div style="width: 0; height: 0;border-width: 100px; border-style: solid;border-color: #000 transparent #ff0000 transparent;"></div>

3、
<div style="width: 0; height: 0;border-width: 100px; border-style: solid;border-color: transparent transparent #ff0000 transparent;"></div>

4、
<div style="width: 0; height: 0;border-width:0 100px 100px; border-style: solid;border-color: transparent transparent #ff0000;"></div>

</body>
</html>