button按钮样式

按钮样式

在许多网站中都需要实用到按钮，一个好看实用的css按钮即可以给访问者以美感，又可以方便开发者。下面就是一个纯css按钮，需要的可以参考。

css代码

.p {
    display: inline-block;
    padding: .3em .5em;
    background-image: linear-gradient(#ddd, #bbb);
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3em;
    box-shadow: 0 1px white inset;
    text-align: center;
    text-shadow: 0 1px 1px black;
    color:white;
    font-weight: bold;
}
.p:active{
    box-shadow: .05em .1em .2em rgba(0,0,0,.6) inset;
    border-color: rgba(0,0,0,.3);
    background: #bbb;
}

HTML代码

<p class="p">Button</p>

其他几种按钮

背景颜色

background-image: linear-gradient(#f5c153, #ea920d);

背景颜色

 background-image: linear-gradient(#8eb349, #5f7c22);

背景颜色

background-image: linear-gradient(#fbb2d0, #e779aa);

相关阅读

Axure教程：按钮的启用和禁用设计

原型中常要用到按钮的禁用和启用，比如常见的：输入手机号获取验证码的获取按钮，在未输入内容前按钮不可点，输入按钮后，可点击获取按钮获

Android控件系列之RadioButton与RadioGroup的基本使用

RadioButton即单选框，是一种基础的UI控件。RadioGroup为我们提供了RadioButton单选按钮的容器，RadioButton通常放于RadioGroup容器

小按钮图片列表常见样式和设计要点

小按钮列表展现的形式有多种：以文字图片为主、以图片为主、或是横向浏览……大家对列表想必一点都不陌生，那么，有关小按钮图片列表常

Android_UI开发总结（一）：RadioButton与RadioGroup使用

关于RadioButton与RadioGroup的API详解> https://www.cnblogs.com/Im-Victor/p/6238437.html 下面记录在使用RadioButton和RadioG

$.parser.parse($("#pdTable"));//重新渲染标签,解

$.parser.parse($("#pdTable")); 注意: 1.渲染后标签内容会为空 2.最好是需要渲染哪个标签就渲染哪个防止将其他标签内容置空 3.