效果图如图所示：
image.png
关键代码如下：
css:
<style>
.triangle{
width: 0;
height: 0;
border:20px solid #abc;
border-left-color: transparent;
border-top-color: transparent;
border-right-color: transparent;
}
</style>
html:
<body>
<div class="triangle"></div>
</body>
思路：
1、先设置一个盒子div
2、不给这个盒子的宽和高的值，即设置其宽为0，高为0
3、给盒子设置边框
4、如果是如图所示的三角形，则让盒子的左、上、右边框设置为透明即可
网友评论