css如何设置按钮样式
小编给大家分享一下css如何设置按钮样式,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
在许多网站中都需要实用到按钮,一个好看实用的css按钮即可以给访问者以美感,又可以方便开发者。下面就是一个纯css按钮,需要的可以参考一下。
1、button按钮(无样式)
<button>默认按钮</button>
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; }
这样就可以做出一个含有样式的按钮啦,是不是很简单?
以上是css如何设置按钮样式的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!