1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <style> 8 .longen { 9 position:relative; 10 width:300px; 11 height:100px; 12 border:1px solid red; 13 margin: auto; 14 } 15 .longen span{ 16 position: absolute; 17 left: -26px; 18 top: 32px; 19 border-top: 15px solid transparent; 20 border-bottom: 15px solid transparent; 21 border-right: 25px solid #f00; 22 } 23 .longen em{ 24 position: absolute; 25 left: -50px; 26 top: 32px; 27 border-top: 15px solid transparent; 28 border-bottom: 15px solid transparent; 29 border-right: 25px solid white; 30 border-left: 25px solid transparent; 31 } 32 </style> 33 <script type="text/javascript"></script> 34 </head> 35 <body> 36 37 <div class="longen"> 38 <span></span> 39 <em></em> 40 我是龙恩 我在气泡框内 41 </div> 42 </body> 43 </html>