• 技术文章 >web前端 >css教程

    css怎么设置按钮样式

    little bottlelittle bottle2019-05-21 15:36:14原创5973
    在许多网站中都需要实用到按钮,一个好看实用的css按钮即可以给访问者以美感,又可以方便开发者。下面就是一个纯css按钮,需要的可以参考一下。

    1、button按钮(无样式)

    <button>默认按钮</button>

    111.jpg

    2、button按钮(有样式)

    HTML代码:

    <button class="button">按钮</button>

    CSS部分:

    .button {
           background-color: #4CAF50;
           border: none;
           color: white;
           padding: 15px 32px;
           text-align: center;
           font-size: 16px;
           cursor: pointer;
       }

    222.jpg

    这样就可以做出一个含有样式的按钮啦,是不是很简单?

    以上就是css怎么设置按钮样式的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:CSS
    上一篇:学html css看什么书? 下一篇:css全称是什么意思
    大前端线上培训班

    相关文章推荐

    • css类选择符用什么表示?• css怎么设置字体居中?• css需要什么环境• 学html css看什么书?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网