<!DOCTYPE html>
<html lang="en">
<head>
<style>
.div1{
width: 10px;
height: 10px;
border: 100px solid black;
border-left-color: red;
border-top-color: green;
border-right-color: yellow;
border-left-color: blue;
}
.div2{
width: 0;
height: 0;
border: 100px solid black;
border-left-color: red;
border-top-color: green;
border-right-color: yellow;
border-left-color: transparent; /*透明色*/
}
.div3{
width: 10px;
height: 10px;
border: 100px solid black;
border-left-color: red;
border-top-color: green;
border-right-color: yellow;
border-left-color: blue;
}
*{
background-color: pink;
/*margin: 0;*/
/*padding: 0;*/
}
</style>
<meta charset="UTF-8">
<title>画倒三角</title>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
</body>
</html>
捕获.PNG
