css怎么设置按钮样式

互联网 19-5-21
在许多网站中都需要实用到按钮,一个好看实用的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怎么设置按钮样式的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
标签: css
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:学html css看什么书?

相关资讯