<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>圆角按钮</title> <style type="text/css"> <!-- a{color:#000;text-decoration:none;}a:hover{color:red;} .a{float:left;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;font-size:12px;} .b{float:left;border-left:1px solid #d6d6d6;border-right:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;margin:0 -1px;position:relative;} .c{float:left;border-left:2px solid #fff;border-top:1px solid #fff;border-bottom:2px solid #f0f0f0;line-height:16px;padding:0 5px;background:#f4f4f4;} --> </style> </head> <body> <a href="" class="a"> <b class="b"> <b class="c">圆角按钮</b> </b> </a> </body> </html>