为你的WordPress添加漂亮的小按钮

采用html+css手把手创建简单的WordPress文章按钮，给文章添加亮点

前言

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标签添加样式，首先我们需要添加样式的格式

最终按钮效果

乐趣公园  乐趣公园  乐趣公园  乐趣公园  乐趣公园  乐趣公园

-- 完 --