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代码

Button

其他几种按钮

背景颜色

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.

发表评论