61,114
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<style>
.arrow{
position: relative;
background-color: #31B0D5;
width: 100px;
height: 300px;
}
.arrow::before,.arrow::after{
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.arrow::before{
top: 70px;
border-width: 40px;
border-style: solid;
border-color: transparent transparent darkorange transparent;
}
.arrow::after{
bottom: 20px;
width: 30px;
height: 130px;
background-color: darkorange;
}
</style>
<body>
<div class="arrow"></div>
</body>
</html>