<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>带箭头的DIV</title>
<style>
div.box {
width: 200px;
height: 150px;
background-color: #E6E6E6;
margin-top: -25px; /*把div往上移盖住◆的下半部分*/
}
em.emarrow {
color: #E6E6E6;
font-size: 40px;
}
span.arrow {
color: #E6E6E6;
font-size: 40px;
}
</style>
</head>
<body>
<div>
<div class="arrowdiv">
<em class="emarrow">◆</em>
<span> </span>
<span class="arrow">◆</span>
</div>
<div class="box">
<br />
<br />
<br />
哈哈
</div>
</div>
</body>
</html>
带箭头的DIV
最新推荐文章于 2022-08-29 10:44:03 发布