html button形状,一个清爽的button按钮样式

效果如下：

复制代码代码如下:

.clear { /* generic container (i.e. div) for floating buttons */

overflow: hidden;

width: 100%;

}

a.button {

background: transparent url('IMG/bg_button_a.gif') no-repeat scroll top right;

color: #444;

display: block;

float: left;

font: normal 12px arial, sans-serif;

height: 24px;

margin-right: 6px;

padding-right: 18px; /* sliding doors padding */

text-decoration: none;

}

a.button span

{

background: transparent url('IMG/bg_button_span.gif') no-repeat;

display: block;

line-height: 14px;

padding: 5px 0 5px 18px;

}

a.button:active {

background-position: bottom right;

color: #000;

outline: none; /* hide dotted outline in Firefox */

}

a.button:active span {

background-position: bottom left;

padding: 6px 0 4px 18px; /* push text down 1px */

}

按钮

这是IMG文件夹下的两张图片：

bg_button_a:

bg_button_span:

html button形状,一个清爽的button按钮样式相关推荐

Android自定义按钮样式
安卓系统自带的按钮样式很不好看,满足不了感官需求,如何自定义一个自己需要的按钮样式呢? 分三步来介绍: 1.自定义按钮背景样式,在res/drawable/目录下新建bg_btn.xml文件. < ...
微信小程序vantweapp-Dialog弹出框提交表单，并还原确定按钮样式
vantweapp中Dialog弹出框使用组件调用,怎么将form表单的提交按钮与Dialog弹出框相结合呢解决方案: wxml代码 <van-dialoguse-slottitle=&quo ...
html button形状,【8个实例】纯CSS按钮(button)，简单漂亮实用
本文介绍6个纯CSS按钮(button)实例,漂亮又实用,代码使用简单,又具有很强的可迁性,基本上在任何一张网页都能很容易就能用上这些按钮样式. 纯CSS按钮(button) 实例1:普通按钮创建一 ...
自定义Button形状（圆形、椭圆）
这里介绍2种改变Button形状的方法,一个是直接通过设置一张圆形背景图片, 另一种方法是通过引用自定义的shape 文件.具体参见如下: --------main_menu_btnshape.xml ...
自定义Button形状（圆形、椭圆） shape
2011-09-19 08:36 30147人阅读评论(0) 收藏举报转自:http://blog.csdn.net/xyylchq/article/details/6788761 圆形 ...
Android开发设置button形状之圆角、椭圆、矩形
button的形状描述文件drawable/shape.xml <?xml version="1.0" encoding="UTF-8"?> < ...
button按钮样式_一篇文章带你了解CSS3按钮知识
在实际开发中,按钮的应用是必不可少.使用 CSS 来制作按钮,可以更有新意,更有趣,也可以自定义自己想要的样式. 一.平面样式CSS按钮平面样式按钮的使用现在非常流行,并且符合无处不在的平面设计趋势 ...
36种漂亮的网页Button按钮样式
本页面向大家展开了36种漂亮的网页Button按钮样式,各式各样的都有,适合不同的场合使用.CSS3技术的确非常强大,不过大家测试的时候不要使用IE8,因为IE8还没有完全支持css3,微软如此不屑C ...
RT-Thread 模拟器 simulator LVGL控件：button 按钮样式
环境搭建 RT-Thread 4.1.0 BSP 模拟器 simulator LVGL软件包功能 LVGL 画两个按钮,点击按钮,产生按钮事件按钮应用[样式],看起来美观一点方法按钮控件,LV ...

html button形状,一个清爽的button按钮样式

html button形状,一个清爽的button按钮样式相关推荐

最新文章

热门文章