用html实现小三角形
完整代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
*{
padding: 0;
margin: 0;
}
#a1{
width: 0px;
height: 0px;
/* background-color: #FF0000; */
border:50px solid black;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
}
#a2{
width: 0;
height: 0;
border:50px solid black;
border-top-color: transparent;
border-left-color: transparent;
border-bottom-color: transparent;
}
#a3{
width: 0;
height: 0;
border: 50px solid black;
border-left-color: transparent;
border-bottom-color: transparent;
border-right-color: transparent;
}
#a4{
width: 0;
height: 0;
border: 50px solid black;
border-left-color: transparent;
border-top-color: transparent;
border-right-color: transparent;
}