13种惯用按钮、文本框、表单等CSS样式-HTML教程-爱易网页

13种惯用按钮、文本框、表单等CSS样式

日期：2014-05-16　浏览次数：20637 次

13种常用按钮、文本框、表单等CSS样式
虽然CSS样式的学习需要我们动手多实践，需要多做案例，思致思考，但有时候注意资料的收集与整理也是非常重要的，在实际开发中往往会起到事半功倍的效果。文档中提供了丰富的内容。下面一些关于按钮、文本框、表单的常用CSS样式。大家可以参考。

一、按钮样式

Example Source Code

.buttoncss {
    font-family: "tahoma", "宋体";
    font-size:9pt; color: #003399;
    border: 1px #003399 solid;
    color:#006699;
    border-bottom: #93bee2 1px solid;
    border-left: #93bee2 1px solid;
    border-right: #93bee2 1px solid;
    border-top: #93bee2 1px solid;
    background-image:url(../images/bluebuttonbg.gif);
    background-color: #e8f4ff;
    cursor: hand;
    font-style: normal ;
    width:60px;
    height:22px;
}

二、蓝色按钮

Example Source Code

.bluebuttoncss {
    font-family: "tahoma", "宋体";
    font-size: 9pt; color: #003366;
    border: 0px #93bee2 solid;
    border-bottom: #93bee2 1px solid;
    border-left: #93bee2 1px solid;
    border-right: #93bee2 1px solid;
    border-top: #93bee2 1px solid;*/
    background-image:url(../images/blue_button_bg.gif);
    background-color: #ffffff;
    cursor: hand;
    font-style: normal ;
}

三、红色按钮

Example Source Code

.redbuttoncss {
    font-family: "tahoma", "宋体";
    font-size: 9pt; color: #0066cc;
    border: 1px #93bee2 solid;
    border-bottom: #93bee2 1px solid;
    border-left: #93bee2 1px solid;
    border-right: #93bee2 1px solid;
    border-top: #93bee2 1px solid;
    background-image:url(../images/redbuttonbg.gif);
    background-color: #ffffff;
    cursor: hand;
    font-style: normal ;
}

四、选择按钮

Example Source Code

.selectbuttoncss{
    font-family: "tahoma", "宋体";
    font-size: 9pt; color: #0066cc;
    border: 1px #93bee2 solid;
    border-bottom: #93bee2 1px solid;
    border-left: #93bee2 1px solid;
    border-right: #93bee2 1px solid;
    border-top: #93bee2 1px solid;
    background-image:url(../images/blue_button_bg.gif);
    background-color: #ffffff;
    cursor: hand;
    font-style: normal ;
}

五、绿色按钮

Example Source Code

.greenbuttoncss {
font-f

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

13种惯用按钮、文本框、表单等CSS样式

相关资料更多>

推荐阅读更多>