利用Css实现对话框样式

利用css样式可以轻松实现对话框。
如下图所示：

html代码：

<div id="warp">
	欢迎入坑 前面开发
</div>

用css伪元素可以实现

#warp{
	width: 600px;
	height: 400px;
	border: 1px solid;
	border-radius: 50%;
	line-height: 400px;
	font-size: 24px;
	text-align: center;
	position: relative;
}
#warp::before{
	display: block;
	content: "";
	width: 100px;
	height: 100px;
	border: 1px solid;
	border-radius: 50%;
	position: absolute;
	bottom: -30px;
	right: -30px;
}
#warp::after{
	display: block;
	content: "";
	width:60px;
	height: 60px;
	border: 1px solid;
	border-radius: 50%;
	position: absolute;
	bottom: -100px;
	right: -100px;
}