css消息框

原创 需要一点洒脱 随笔 私人笔记 272阅读 2017-05-10 17:03:08 举报

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.commonProblem-dialog{
position: relative;
width: 200px;
height: 100px;
border: 1px solid #a9a9a9;
margin-left: 45px;
background-color: #fff;
}
.commonProblem-dialog:before{
position: absolute;
content: '';
width: 0;
height:0;
left:-59px;
top:20px;
/ border-top: 20px solid red;
border-left: 20px solid blue;
border-bottom: 20px solid #a9a9a9;
border-right: 20px solid #32c5d2;
/
border-top: 20px solid transparent;
border-right: 59px solid #a9a9a9;
}
.commonProblem-dialog:after{
position: absolute;
content: '';
width: 0;
height:0;
left:-53px;
top:19px;
border-top: 20px solid transparent;
border-right: 59px solid #fff;
}
</style>
</head>
<body>
<div class="commonProblem-dialog">
123
</div>
</body>
</html>

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复