`

css控制按钮样式

 
阅读更多

/* 按钮 */
.g-btn, .g-btn-x{display: inline-block;color: #FFF;text-align: center;border: 1px transparent;border-radius: 3px;cursor: pointer;}
.g-btn {padding: 6px 20px;font-size: 12px;}
a.g-btn{color: #fff;}
.g-btn-x {padding: 9px 20px;font-size: 13px;}
a.g-btn-x{color: #fff;}
.g-btn-init{background: #d96c6c;}
.g-btn-init:hover{background: #cc5252;}
.g-btn-forbidden{background: #474766;}
.g-btn-forbidden:hover{background: #595980;}
.g-btn-upgrade{background: #4ca6ff;}
.g-btn-upgrade:hover{background: #4595e5;}
.g-btn-delete{background: #ff4c6a;}
.g-btn-delete:hover{background: #e54560;}
.g-btn-white{background: #999999;}
.g-btn-white:hover{background: #808080;}
.g-btn-black{background: #4d4d4d;}
.g-btn-black:hover{background: #333333;}

.g-searchBtn{display:inline-block;padding:0 20px;line-height:28px;font-size:14px;background:#f3f3f3;border:1px solid #b3b3b3;color:#f7a094;border-radius:3px;cursor:pointer;font-weight:normal;text-align:center;}
.g-searchBtn:hover{background:#f0f0f0;color:#666;}

如:        <a href="javascript:void(0)" class="g-searchBtn" id="selectAllBtn">全 选</a>
                <a href="javascript:void(0)" class="g-searchBtn" id="configAllAd">配置广告</a>

分享到:
评论

相关推荐

    CssButton按钮样式

    总结,CSS按钮样式的创建是一项涉及多个方面的任务,包括颜色、形状、尺寸、文字样式、状态转换以及响应式设计。通过不断实践和调整,你可以创造出符合项目需求的独特按钮样式,提升用户界面的美感和交互体验。

    5款纯css3按钮样式

    在网页设计领域,CSS3(层叠样式表第三版)为开发者提供了更多创新和自定义的可能性,其中之一就是创建丰富的按钮样式。本资源“5款纯css3按钮样式”就是一个很好的例子,展示了如何利用CSS3的特性来打造吸引眼球且...

    风格清新漂亮的CSS3开关按钮样式

    在网页设计中,CSS3(层叠样式表第三版)为开发者提供了丰富的样式控制和动画效果,极大地提升了用户体验。本文将深入探讨如何利用CSS3创建风格清新、漂亮的开关按钮样式,包括3D效果和扁平化设计。我们将通过分析...

    漂亮的CSS3按钮样式集合源码免费下载

    在网页设计中,CSS3(层叠样式表第三版)为开发者提供了丰富的样式控制和动画效果,极大地提升了用户体验。本文将深入探讨“漂亮的CSS3按钮样式集合”这一主题,介绍如何利用CSS3特性创建出美观且功能强大的按钮,...

    20种炫酷CSS3按钮样式和鼠标滑过特效

    【标题】"20种炫酷CSS3按钮样式和鼠标滑过特效"揭示了这个资源包专注于使用CSS3技术来创建吸引人的、交互性高的网页按钮设计。CSS3是层叠样式表(Cascading Style Sheets)的第三个版本,它引入了许多新特性,极大地...

    各种CSS按钮样式

    "各种CSS按钮样式"的主题聚焦于利用CSS创建不同风格和功能的按钮,这些按钮是用户界面中的关键元素,用于触发交互。这篇博文可能是介绍了一系列CSS技巧和代码示例,帮助开发者实现多种视觉效果的按钮。 首先,CSS...

    CSS按钮样式大全(精选)

    "CSS按钮样式大全(精选)"是一个资源集合,提供了多种不同风格的按钮样式,适用于各种网页设计需求。这个压缩包可能包含了多个CSS文件和示例HTML文件,用于演示如何通过CSS代码实现这些精美的按钮效果。 首先,我们...

    网页常用css3按钮样式代码

    在网页设计中,CSS3(层叠样式表第三版)为开发者提供了丰富的样式控制功能,尤其是在创建美观且具有交互性的按钮样式方面。本资源“网页常用css3按钮样式代码”包含了一系列实用的CSS3代码片段,帮助设计师和前端...

    css 按钮菜单样式

    首先,一个基本的按钮样式通常涉及到以下几个关键CSS属性: 1. **颜色**: 包括背景色和文本颜色,可以通过`background-color`和`color`属性来设置。 2. **边框**: 使用`border`属性定义边框的宽度、样式和颜色。 3....

    HTML5&CSS3网页制作:CSS控制表单样式.pptx

    尤其是在处理表单元素时,CSS3 提供了强大的样式控制,使得我们可以定制化表单的外观,提高用户体验。本讲座主要探讨了如何使用 CSS3 来控制 HTML5 表单的样式,包括字体、边框、背景和内边距等方面。 首先,我们来...

    漂亮简单的网页css按钮样式

    漂亮的CSS按钮样式单,只需要通过简单的CSS样式单,就可以实现各种样式的按钮,使用简单、方便。

    纯css3勾选美化单选按钮样式

    总结来说,纯CSS3勾选美化单选按钮样式是一个实用的技巧,可以帮助设计师创造出符合品牌风格且具有高度互动性的界面。通过掌握CSS3的选择器、伪类、动画和图形化方法,我们可以完全定制单选按钮和复选框的外观,提高...

    CSS样式按钮CSS样式按钮

    CSS样式按钮CSS样式按钮CSS样式按钮

    CSS简单大气按钮

    在网页设计中,CSS(Cascading Style Sheets)是一种用于定义HTML或XML...在"css3-buttons-download"这个压缩包文件中,可能包含了多种不同样式的按钮示例,你可以参考这些代码,进一步学习和定制自己的CSS按钮样式。

    HTML + CSS 光影按钮样式

    本教程将专注于使用HTML和CSS创建具有光影效果的按钮样式。这种按钮不仅美观,还能提升用户体验,使得用户更易于感知和交互。 HTML(HyperText Markup Language)负责结构,而CSS(Cascading Style Sheets)则负责...

    jquery mobile css3手机表单页面布局按钮样式

    总结来说,jQuery Mobile 和 CSS3 在手机表单页面布局和按钮样式设计中起到了关键作用。jQuery Mobile 提供了易于使用的组件和交互设计,而CSS3 则为样式和动画提供了无限可能。结合两者,开发者可以构建出美观且...

    CSS3按钮炫酷动画hover样式

    在网页设计中,CSS3(层叠样式表第三版)为...在压缩包文件"按钮样式"中,可能包含了各种不同的CSS3按钮样式示例,供学习和参考。通过研究和实践这些代码,你可以更好地理解和掌握CSS3在按钮动画设计中的强大功能。

    CSS3按钮样式.rar

    在网页设计中,CSS3(层叠样式表第三版)为开发者提供了丰富的样式和效果,尤其是在创建按钮样式方面。这个名为“CSS3按钮样式.rar”的压缩包文件很可能包含了一系列预设的、用CSS3编写的按钮样式示例,旨在帮助设计...

    收藏的几个css按钮样式

    这里我们探讨的是几种经典的CSS按钮样式,这些样式可以为网页增添视觉吸引力并提升用户体验。 首先,让我们来看一下`&lt;style&gt;`标签内的CSS代码。这段代码定义了三种不同的按钮类:`.btn`, `.btn1_mouseout`, `.btn1_...

Global site tag (gtag.js) - Google Analytics