<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>无标题文档</title>
<style type="text/css">
#talkbubble {
width: 120px;
height: 80px;
background: red;
position: relative;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#talkbubble:before {
content:"";
position: absolute;
right: 100%;
top: 26px;
width: 0;
height: 0;
border-top: 13px solid transparent;
border-right: 26px solid red;
border-bottom: 13px solid transparent;
}
</style>
</head>
<body>
<div id="talkbubble"></div>
</body>
</html>
CSS气泡效果
最新推荐文章于 2024-04-26 12:59:35 发布