<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
.base {
position: relative;
width: 40px;
height: 20px;
}
.base span {
position: absolute;
display: block;
}
.tri {
top: 30px;
left: 80px;
width: 0;
height: 0;
font-size: 0;
border-left: 50px solid transparent; //transparent设置透明;
border-right: 50px solid transparent;
border-bottom: 70px solid #ccc;
overflow:hidden;
}
.rect {
top: 100px;
width: 200px;
height: 50px;
background: #fc0;
}
</style>
</head>
<body>
<span class="base">
<span class="tri"></span>
<span class="rect"></span>
</span>
</body>
</html>
css三角形对话框
最新推荐文章于 2023-10-10 16:02:46 发布
924
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
