![css3旋转小三角 css3旋转小三角](https://image.shishitao.com:8440/aHR0cHM6Ly9ia3FzaW1nLmlrYWZhbi5jb20vdXBsb2FkL2NoYXRncHQtcy5wbmc%2FIQ%3D%3D.png?!?w=700&webp=1)
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css3旋转小三角</title>
<style>
div{
width: 0;
height: 0;
border-style: solid dashed dashed dashed;/*这样写是兼容IE6写法*/
border-width: 10px;
border-color: red transparent transparent transparent;
}
</style>
</head> <body>
<div></div>
</body>
</html>