精华内容
下载资源
问答
  • 好看button样式

    2018-01-03 10:47:35
    分享50个CSS超炫丽button样式代码下载分享50个CSS超炫丽button样式代码下载
  • 好看button样式CSS

    2018-09-01 18:10:33
    好看button样式CSS,你值得下载,
  • 样式Button,好看Button

    2009-06-13 18:31:23
    好看Button 好看Button 好看Button 好看Button
  • 几个好看button样式

    2009-04-03 10:57:00
    几个好看button样式.btn { BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient...

    几个好看的button样式

    <style>
    .btn {
     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: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid
    }
    .btn1_mouseout {
     BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
    }
    .btn1_mouseover {
     BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
    }
    .btn2 {padding: 2 4 0 4;font-size:12px;height:23;background-color:#ece9d8;border-width:1;}
    .btn3_mouseout {
     BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
    }
    .btn3_mouseover {
     BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
    }
    .btn3_mousedown
    {
     BORDER-RIGHT: #FFE400 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #FFE400 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #FFE400 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #FFE400 1px solid
    }
    .btn3_mouseup {
     BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
    }
    .btn_2k3 {
     BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #002D96 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA); BORDER-LEFT: #002D96 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #002D96 1px solid
    }
    </style>

    <button class=btn title="中国站长资讯网"> 中国站长资讯网1</button><P></p>
    <button
    class=btn1_mouseout οnmοuseοver="this.className='btn1_mouseover'"
     οnmοuseοut="this.className='btn1_mouseout'"
     title="中国站长资讯网:http://www.cndw.com"
    > 中国站长资讯网2</button>  &nbsp;
    <button
    class=btn1_mouseout οnmοuseοver="this.className='btn1_mouseover'"
     οnmοuseοut="this.className='btn1_mouseout'" DISABLED
    > 中国站长资讯网3</button>
    <P>
    <button class=btn2 title="中国站长资讯网"> 中国站长资讯网4</button>
    <P>
    <button class=btn3_mouseout οnmοuseοver="this.className='btn3_mouseover'"
     οnmοuseοut="this.className='btn3_mouseout'"
     οnmοusedοwn="this.className='btn3_mousedown'"
      οnmοuseup="this.className='btn3_mouseup'"
      title="中国站长资讯网:http://www.cndw.com"
    > 中国站长资讯网5</button>
    <P>
    <button class=btn_2k3 title="中国站长资讯网:http://www.cndw.com"> 中国站长资讯网6</button>

    展开全文
  • button{  background:#F0F0F0 repeat-x;  padding-top:3px;  border-top:1px solid #708090;  border-right:1px solid #708090;  border-bottom:1px solid #708090;  border-left:1px solid ...

    <style>


    button{
     background:#F0F0F0 repeat-x;
     padding-top:3px;
     border-top:1px solid #708090;
     border-right:1px solid #708090;
     border-bottom:1px solid #708090;
     border-left:1px solid #708090;
     width:80px;
     height:auto;
     font-size:10pt;
     cursor:hand;
    }


    .btn {
     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: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid
    }
    .btn1_mouseout {
     BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
    }
    .btn1_mouseover {
     BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
    }
    .btn2 {padding: 2 4 0 4;font-size:12px;height:23;background-color:#ece9d8;border-width:1;}
    .btn3_mouseout {
     BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
    }
    .btn3_mouseover {
     BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
    }
    .btn3_mousedown
    {
     BORDER-RIGHT: #FFE400 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #FFE400 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #FFE400 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #FFE400 1px solid
    }
    .btn3_mouseup {
     BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
    }
    .btn_2k3 {
     BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #002D96 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA); BORDER-LEFT: #002D96 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #002D96 1px solid
    }
    </style>

    <button class=btn title="中国站长资讯网"> 中国站长资讯网</button><P></p>
    <button
    class=btn1_mouseout οnmοuseοver="this.className='btn1_mouseover'"
     οnmοuseοut="this.className='btn1_mouseout'"
     title="中国站长资讯网:http://www.chinahtml.com"
    > 中国站长资讯网</button>  &nbsp;
    <button
    class=btn1_mouseout οnmοuseοver="this.className='btn1_mouseover'"
     οnmοuseοut="this.className='btn1_mouseout'" DISABLED
    > 中国站长资讯网</button>
    <P>
    <button class=btn2 title="中国站长资讯网"> 中国站长资讯网</button>
    <P>
    <button class=btn3_mouseout οnmοuseοver="this.className='btn3_mouseover'"
     οnmοuseοut="this.className='btn3_mouseout'"
     οnmοusedοwn="this.className='btn3_mousedown'"
      οnmοuseup="this.className='btn3_mouseup'"
      title="中国站长资讯网:http://www.chinahtml.com"
    > 中国站长资讯网</button>
    <P>
    <button class=btn_2k3 title="中国站长资讯网:http://www.chinahtml.com"> 中国站长资讯网</button>

    展开全文
  • jquery 做的好看 button

    2009-07-24 15:01:20
    好看button
    好看button
    展开全文
  • BORDER-BOTTOM: #002D96 1px solid } title="CSS样式按钮">CSS样式按钮 class=btn1_mouseout οnmοuseοver="this.className='btn1_mouseover'" οnmοuseοut="this.className='btn1_mouseout'" title="CSS样式...

    是转载

    .btn {

    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: black; PADDING-TOP: 2px;

    BORDER-BOTTOM: #7b9ebd 1px solid

    }

    .btn1_mouseout {

    BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:

    #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:

    progid:DXImageTransform.Microsoft.Gradient(GradientType=0,

    StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F

    1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;

    BORDER-BOTTOM: #7EBF4F 1px solid

    }

    .btn1_mouseover {

    BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:

    #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:

    progid:DXImageTransform.Microsoft.Gradient(GradientType=0,

    StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F

    1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;

    BORDER-BOTTOM: #7EBF4F 1px solid

    }

    .btn2 {padding: 2 4 0

    4;font-size:12px;height:23;background-color:#ece9d8;border-width:1;}

    .btn3_mouseout {

    BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:

    #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:

    progid:DXImageTransform.Microsoft.Gradient(GradientType=0,

    StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA

    1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;

    BORDER-BOTTOM: #2C59AA 1px solid

    }

    .btn3_mouseover {

    BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:

    #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:

    progid:DXImageTransform.Microsoft.Gradient(GradientType=0,

    StartColorStr=#ffffff, EndColorStr=#D7E7FA); BORDER-LEFT: #2C59AA

    1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;

    BORDER-BOTTOM: #2C59AA 1px solid

    }

    .btn3_mousedown

    {

    BORDER-RIGHT: #FFE400 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:

    #FFE400 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:

    progid:DXImageTransform.Microsoft.Gradient(GradientType=0,

    StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #FFE400

    1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;

    BORDER-BOTTOM: #FFE400 1px solid

    }

    .btn3_mouseup {

    BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:

    #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:

    progid:DXImageTransform.Microsoft.Gradient(GradientType=0,

    StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA

    1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;

    BORDER-BOTTOM: #2C59AA 1px solid

    }

    .btn_2k3 {

    BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:

    #002D96 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:

    progid:DXImageTransform.Microsoft.Gradient(GradientType=0,

    StartColorStr=#FFFFFF, EndColorStr=#9DBCEA); BORDER-LEFT: #002D96

    1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;

    BORDER-BOTTOM: #002D96 1px solid

    }

    title="CSS样式按钮">CSS样式按钮

    class=btn1_mouseout

    οnmοuseοver="this.className='btn1_mouseover'"

    οnmοuseοut="this.className='btn1_mouseout'"

    title="CSS样式按钮">CSS样式按钮

      

    class=btn1_mouseout

    οnmοuseοver="this.className='btn1_mouseover'"

    οnmοuseοut="this.className='btn1_mouseout'"

    DISABLED>CSS样式按钮

    title="CSS样式按钮">CSS样式按钮

    οnmοuseοver="this.className='btn3_mouseover'"

    οnmοuseοut="this.className='btn3_mouseout'"

    οnmοusedοwn="this.className='btn3_mousedown'"

    οnmοuseup="this.className='btn3_mouseup'"

    title="CSS样式按钮">CSS样式按钮

    title="CSS样式按钮">CSS样式按钮

    展开全文
  • 炫酷Button样式

    千次阅读 2016-10-07 16:40:37
    按钮 button
  • 漂亮的button样式

    2010-12-27 15:44:20
    漂亮的button样式总有你喜欢的,你懂的
  • 几个好看的input button 样式

    千次阅读 2009-07-28 16:07:00
    <input type="button" style="BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING- LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft....
  • ASP.net开发经典button样式,好看又好用
  • [code="...个比较好看Button的CSS .btn { BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 1px; FONT...
  • Button样式

    2010-08-03 09:33:00
    在网上找的,自己选一个把 <style> .btn {  BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid;...<button class=btn_2k3 title= "好看的按钮 "> 好看的按钮6 </button>
  • WPF一个好看的动态Button按钮样式

    千次阅读 2019-06-17 20:20:27
    HAML代码 <!--窗口资源--> <Window.Resources> <!--按钮样式--> <StyleTargetType="{x:TypeButton}"> <SetterProperty="Width"Value="100"/> ...
  • button按钮样式

    2011-09-22 08:31:08
    好看button按钮样式表,下载后自己选择使用
  • wpf 中 收集的 button 好看样式

    千次阅读 2013-03-19 22:22:47
    --定义按钮样式--> <Style TargetType="Button"> <!--修改模板属性--> <!--控件模板--> <ControlTemplate TargetType="Button"> <!--背景色--> , Path=(Button.Background).(SolidColorBrush.Color)...
  • wpf radiobutton模版设计成button样式

    热门讨论 2013-09-26 14:33:59
    wpf radiobutton模版设计成button样式
  • 一个兼容IE的Button样式

    千次阅读 2019-01-30 14:59:06
    css 一个纯button样式,兼容ie  此作为紧急用,当按钮无样式的时候,可以试试这个进行美化。简单,又好看。 button{  display: inline-block;  outline: none;  cursor: pointer;  text-align: center;  text...
  • 重写button样式

    千次阅读 2017-05-26 09:03:51
    (1)在App.xaml文件里自定义一个按钮样式 ,"MyWpfButton": Application x:Class="WPFCustomerStyleStudy.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="htt
  • 把div变成button样式

    千次阅读 2015-06-03 09:16:00
    把div变成button样式 -moz-appearance:button; -webkit-appearance:button; appearance:button; 转载于:https://www.cnblogs.com/shimily/articles/4548278.html
  • WPF combobox button 漂亮样式 自己开发用还是比较合适的,有助于界面美化
  • 36种漂亮的CSS3网页按钮Button样式,不看不知道,一看吓一跳,让你以后不用再为按钮的样式担心!
  • button样式设置:按钮按压效果

    千次阅读 2019-04-07 18:56:55
    button的默认样式好看,于是设置了按钮的样式,按 钮按压时有一种现实生活中按钮向下压的效果,这样看起来 非常美观,代码也是不多,简单而又实用。 接下来就是代码的设置。 1. 先给这个按钮button设置背景...
  • button按钮样式美化

    2015-01-19 14:56:34
    css样式对页面上的button控件进行美化,美化界面效果。
  • asp.net button样式

    千次阅读 2012-01-13 14:43:24
    <!-- .btn2 {padding:2 4 0 4; font-size:12px; height:23; background-color:#ece9d8;...好看的按钮 好看的按钮 好看的按钮 好看的按钮 好看的按钮 http://www.w3.org/TR/xhtml1/DTD/xhtml
  • button 外观样式

    2020-10-20 09:50:28
    button 外观样式 // pages/demo13/demo13.js Page({ // 获取用户的手机号码信息 getPhoneNumber(e){ console.log(e); }, // 获取用户个人信息 getUserInfo(e){ console.log(e); } }) <!-- button ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 8,110
精华内容 3,244
关键字:

好看的button样式