1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5     <title></title>
 6     <style type="text/css">
 7         .container{
 8             width: 100px;height: 45px;border: 1px solid silver;position: relative;
 9             margin: 5px auto;
10         }
11         .arrow-tip{
12             width: 12px;height: 6px;background: url(images/t018ba11ddf22d82110.png) no-repeat 0 0;
13             position: absolute;left: 40%;top: -6px;
14         }
15         .content{
16             padding: 4px;
17         }
18         .content a{
19             text-decoration: none;color: blue;
20         }
21     </style>
22 </head>
23 <body>
24     <div class="container">
25         <div class="content">
26             <a href="http://www.baidu.com/">百度</a>
27         </div>
28         <div class="arrow-tip"></div>
29     </div>
30 </body>
31 </html>


效果：