<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS之导航菜单</title> <link rel="stylesheet" href="http://files.cnblogs.com/files/caidupingblogs/button.min.css" /> </head> <body> <div id="workarea"> <div class="position"> <div class="svg-wrapper"> <svg height="40" width="150" xmlns="http://www.w3.org/2000/svg"> <rect id="shape" height="40" width="150" /> <div id="text"> <a href="http://www.cnblogs.com/caidupingblogs/"><span class="spot"></span>我的博客园</a> </div> </svg> </div> <div class="svg-wrapper"> <svg height="40" width="150" xmlns="http://www.w3.org/2000/svg"> <rect id="shape" height="40" width="150" /> <div id="text"> <a href="https://www.baidu.com/"><span class="spot"></span>百度一下</a> </div> </svg> </div> <div class="svg-wrapper"> <svg height="40" width="150" xmlns="http://www.w3.org/2000/svg"> <rect id="shape" height="40" width="150" /> <div id="text"> <a href="http://blog.sina.com.cn/u/5729482504"><span class="spot"></span>我的新浪</a> </div> </svg> </div> </div> </div> </body> </html>