Lazy loaded image
Words 0Read Time 1 min
Invalid Date
 
 

更改按钮文本

  • 向下滚动到代码末尾,并将“My Button”替换为您的文本。
 

更改网址

  • 向下滚动到页面底部,并将“https://example.com”替换为您的网址。
 

希望链接在同一页面而不是新标签页中打开吗?

  • 将“_blank”替换为“_parent”
 

自定义图标

移除图标

  • 从代码中删除这部分(按钮文本之前的部分)。
  • 将这个
  • 改成
 

添加其他图标

  • 找到你想要的图标
  • 请务必筛选“免费”图标
  • 点击代码即可复制
  • 将代码粘贴到按钮文本之前,使代码看起来像这样:
 

更改颜色

使用预设颜色之一

notion image
 
  • 选择你想要的颜色,并将“my-color”替换成你想要的颜色。
  • 例如:要创建一个红色按钮,代码应该如下所示:
 

添加您自己的颜色

这些都不喜欢?没问题
 
  • 打开Google 颜色选择器,选择一个主色和一个稍深的强调色,然后复制这两个颜色的十六进制代码。
  • 滚动到代码顶部,找到这一部分。
  • 请将此处的颜色代码替换为您自己的代码。
  • –my-color:#34495e;
  • –my-color-accent:#2c3e50;
  • 请确保代码中应用的是“my-color”颜色,而不是其他任何颜色。
 

更改按钮大小

notion image
  • 将默认的“大号”替换为“中号”或“小号”即可获得不同尺寸。
 

移除圆角

  • 删除“rounded”一词,代码如下所示:
 

移除 3D 效果

  • 删除”threeD”这个词,代码看起来会像这样
上一篇
Nginx安装目录
下一篇
泰语笔记

Comments
Loading...