现有一个 BUTTON CSS (仿CSDN的).ButtonCssNew
{
BORDER-RIGHT: #7b9ebd 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP: #7b9ebd 1px solid;
PADDING-LEFT: 2px; FONT-SIZE: 12px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
BORDER-LEFT: #7b9ebd 1px solid;
CURSOR: hand;
COLOR:#014377; PADDING-TOP: 2px;
BORDER-BOTTOM: #7b9ebd 1px solid
}怎么样CSS搞成孤型的(4个角)
{
BORDER-RIGHT: #7b9ebd 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP: #7b9ebd 1px solid;
PADDING-LEFT: 2px; FONT-SIZE: 12px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
BORDER-LEFT: #7b9ebd 1px solid;
CURSOR: hand;
COLOR:#014377; PADDING-TOP: 2px;
BORDER-BOTTOM: #7b9ebd 1px solid
}怎么样CSS搞成孤型的(4个角)
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>按钮菜单-www.codefans.net</title>
<style type="text/css">
a.ovalbutton{
background: transparent url('http://www.codefans.net/jscss/demoimg/200905/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma;
line-height: 16px;
height: 24px;
padding-left: 11px;
text-decoration: none;
}a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; }a.ovalbutton span{
background: transparent url('http://www.codefans.net/jscss/demoimg/200905/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0;
}a.ovalbutton:hover{
background-position: bottom left;
}a.ovalbutton:hover span{
background-position: bottom right;
color: black;
}.buttonwrapper{
overflow: hidden;
width: 100%;
}</style>
</head>
<body>
<h4>Single button:</h4>
<div class="buttonwrapper">
<a class="ovalbutton" href="http://codefans.net/jscss//"><span>Dynamic Drive CSS Library</span></a>
</div><h4>Side by Side:</h4>
<div class="buttonwrapper">
<a class="ovalbutton" href="#"><span>Submit</span></a> <a class="ovalbutton" href="http://www.codefans.net" style="margin-left: 6px"><span>Codefans.net</span></a>
</div>
</body>
</html>http://www.codefans.net/jscss/code/954.shtml