核心提示：前端三角形效果实现代码!DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8title画一个三角形/titlestylep{width: 1000px;heig...
前端三角形效果实现代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>画一个三角形</title>
<style>
p{
width: 1000px;
height:800px;
background: gray;
}
#box{
position: absolute;
top:-50px;
left:0;
width: 0;
height:0;
border-top: 50px solid transparent;
border-right:50px solid transparent;
border-bottom: 50px solid yellow;
border-left:50px solid transparent;
}
</style>
</head>
<body>
<p>
<p id="box">
</p>
</p>
</body>
</html>
