用css写对话框

最新推荐文章于 2023-10-24 17:41:19 发布

Yaince

最新推荐文章于 2023-10-24 17:41:19 发布

阅读量100

点赞数

文章标签： css 前端 css3

本文链接：https://blog.csdn.net/Yaince/article/details/126378427

版权

<div class="box2">123</div>

.box2 {
  float: left;
  position: relative;
  width: 200px;
  height: 100px;
  border: 1px solid #00f;
  box-sizing: border-box;
  font-size: 14px;
  padding: 10px;
}

.box2:before,
.box2:after {
  position: absolute;
  content: '';
  border: 10px solid;
}

.box2:before {
  right: -20px;
  top: 20px;
  border-color: transparent transparent transparent #00f;
}

.box2:after {
  border-color: transparent transparent transparent #fff;
  right: -18px;
  top: 20px;
}