<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<div class="rectangle">
</div>
</body>
<style>
.rectangle {
height: 0;
width: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 0;
border-bottom: 50px solid #f40355;
}
</style>
</html>
文章来源：https://www.toymoban.com/news/detail-632679.html
文章来源地址https://www.toymoban.com/news/detail-632679.html
到了这里，关于用 CSS 实现画三角形的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
