更改按钮文本
- 向下滚动到代码末尾,并将“My Button”替换为您的文本。
更改网址
- 向下滚动到页面底部,并将“https://example.com”替换为您的网址。
希望链接在同一页面而不是新标签页中打开吗?
- 将“_blank”替换为“_parent”
自定义图标
移除图标
- 从代码中删除这部分(按钮文本之前的部分)。
- 将这个
- 改成
添加其他图标
- 找到你想要的图标
- 请务必筛选“免费”图标
- 点击代码即可复制
- 将代码粘贴到按钮文本之前,使代码看起来像这样:
更改颜色
使用预设颜色之一

- 选择你想要的颜色,并将“my-color”替换成你想要的颜色。
- 例如:要创建一个红色按钮,代码应该如下所示:
添加您自己的颜色
这些都不喜欢?没问题
- 打开Google 颜色选择器,选择一个主色和一个稍深的强调色,然后复制这两个颜色的十六进制代码。
- 滚动到代码顶部,找到这一部分。
- 请将此处的颜色代码替换为您自己的代码。
- –my-color:#34495e;
- –my-color-accent:#2c3e50;
- 请确保代码中应用的是“my-color”颜色,而不是其他任何颜色。
更改按钮大小

- 将默认的“大号”替换为“中号”或“小号”即可获得不同尺寸。
移除圆角
- 删除“rounded”一词,代码如下所示:
移除 3D 效果
- 删除”threeD”这个词,代码看起来会像这样






