图片按钮




CSS实现的几个非常漂亮的按钮



好看的按钮


class=btn1_mouseout οnmοuseοver="this.className='btn1_mouseover'"
οnmοuseοut="this.className='btn1_mouseout'"
title="好看的按钮">好看的按钮
class=btn1_mouseout οnmοuseοver="this.className='btn1_mouseover'"
οnmοuseοut="this.className='btn1_mouseout'" DISABLED>好看的按钮


好看的按钮


οnmοuseοut="this.className='btn3_mouseout'"
οnmοusedοwn="this.className='btn3_mousedown'"
οnmοuseup="this.className='btn3_mouseup'"
title="好看的按钮">好看的按钮


好看的按钮


  /**/ /*按钮样式*/
.ButtonCss 
{} {
    font-family
: "Tahoma", "宋体";
    font-size
: 9pt; color: #003399;
    border
: 1px #003399 solid;
    color
:#006699;
    BORDER-BOTTOM
: #93bee2 1px solid; 
    BORDER-LEFT
: #93bee2 1px solid; 
    BORDER-RIGHT
: #93bee2 1px solid; 
    BORDER-TOP
: #93bee2 1px solid;
    background-image
:url(../Images/bluebuttonbg.gif);
    background-color
: #e8f4ff;
    CURSOR
: hand;
    font-style
: normal ;
}

/**/ /*蓝色按钮样式*/
.blueButtonCss 
{} {
    font-family
: "Tahoma", "宋体";
    font-size
: 9pt; color: #003366;
    border
: 0px #93bee2 solid;
   
/**//* BORDER-BOTTOM: #93bee2 1px solid; 
    BORDER-LEFT: #93bee2 1px solid; 
    BORDER-RIGHT: #93bee2 1px solid; 
    BORDER-TOP: #93bee2 1px solid;
*/

    background-image
:url(../Images/blue_button_bg.gif);
    background-color
: #ffffff;
    CURSOR
: hand;
    font-style
: normal ;
}

/**/ /*红色按钮样式*/
.redButtonCss 
{} {
    font-family
: "Tahoma", "宋体";
    font-size
: 9pt; color: #0066cc;
    border
: 1px #93bee2 solid;
    BORDER-BOTTOM
: #93bee2 1px solid; 
    BORDER-LEFT
: #93bee2 1px solid; 
    BORDER-RIGHT
: #93bee2 1px solid; 
    BORDER-TOP
: #93bee2 1px solid;
    background-image
:url(../Images/redbuttonbg.gif);
    background-color
: #ffffff;
    CURSOR
: hand;
    font-style
: normal ;
}

/**/ /*绿色按钮样式*/
.greenButtonCss 
{} {
    font-family
: "Tahoma", "宋体";
    font-size
: 9pt; color: #0066cc;
    border
: 1px #93bee2 solid;
    BORDER-BOTTOM
: #93bee2 1px solid; 
    BORDER-LEFT
: #93bee2 1px solid; 
    BORDER-RIGHT
: #93bee2 1px solid; 
    BORDER-TOP
: #93bee2 1px solid;
    background-image
:url(../Images/greenbuttonbg.gif);
    background-color
: #ffffff;
    CURSOR
: hand;
    font-style
: normal ;
}

 

图片按钮_第1张图片

 

你可能感兴趣的:(ASP.NET,filter,border,button,url,class,c)