13种常用按钮、文本框、表单等CSS样式 - CSS Web Design 我爱CSS / IT业界 / 挖客-挖出好东西！中国第一digger门户网站

4
挖它!

13种常用按钮、文本框、表单等CSS样式 - CSS Web Design 我爱CSS

分享者: laika(17.56) | 通过:网页 | 119天前
分类: IT业界 | 标签: 按钮文本框表单 css 样式

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

一、按钮样式

Example Source Code [www.52css.com]
.buttoncss {
    font-family: "tahoma", "宋体"; /*www.52css.com*/
    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 [www.52css.com]
.bluebuttoncss {
    font-family: "tahoma", "宋体"; /*www.52css.com*/
    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 ;
}

[更多查看原文]