CSS绘制三角形 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>Hann</title> 
<style>

.test{
	width:0px;
	height:0px;
	border-left:50px transparent solid;
	border-right:50px green solid;
	border-top:50px transparent solid;
	border-bottom:50px transparent solid;
}
</style>
</head>

<body>
<h2>纯CSS绘制三角形</h2>
<div class="test"></div>
</body>

</html>

效果：
在这里插入图片描述

posted @ 2022-10-30 23:22  寒小韩  阅读(16)  评论(0)  编辑  收藏  举报