采用 html+css 手把手创建简单的 WordPress 文章按钮，给文章添加亮点
前言
前些天写了一个用图片替代按钮的方法，其实也就是一个搞笑的方法，现在正式的说说用 HTML+CSS 方法创建一个漂亮的按钮
HTML 方面
首先我们要知道，其实在 HTML 标准里面已经有了关于网页按钮的标签了分别是input和button，不过 button 标签更为优秀，所以，本文章主要说的就是 button 标签。
首先看一下 HTML 默认的 button 标签的使用
[button onclick="window.open('https://gitcafe.net')">乐趣公园</button]
将代码中的[]符号换成<>
实际效果如下效果怎么样？肯定是不行是吧？肯定的，如果只是这样，这篇文章也没什么看点了。
这是最原始的样式，我们还需要给这个按钮添加一些样式
[button style="width:auto;color:#fff;background-color:#00a67c;" onclick="window.open('https://gitcafe.net')">乐趣公园</button]
将代码中的[]符号换成<>
看下添加样式之后的效果这个是为按钮添加宽度，文字颜色还有背景颜色，都是比较简单的样式。
CSS 方面
这个按钮还是太简单了？不好看？没关系，接着来，添加复杂样式，我们首先需要给 button 按钮添加一个 class，我起名为 mybutton，这个名字是随意添加的
[button class="mybutton" onclick="window.open('https://gitcafe.net')">乐趣公园</button]
将代码中的[]符号换成<>
我们首先知道如何给 HTML 标签添加样式，首先我们需要添加样式的格式
最终按钮效果
-- 完 --
扫码订阅，第一时间获得更新
微信扫码二维码，订阅我们网站的动态，另外不定时发送 WordPress 小技巧，你可以随时退订，欢迎订阅哦~
