• 欢迎访问乐趣公园网站,WordPress信息,WordPress教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入乐趣公园 QQ群
  • Git主题现已支持PHP7版本,速度应该会提高不少,不过云落的网站本来就很快了,所以感觉不是太明显
  • 最新版Git主题已支持说说碎语功能,可像添加文章一样直接添加说说,新建说说页面即可,最后重新保存固定连接,演示地址
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏乐趣公园吧
  • 云落的淘宝店铺已经开张了哦,传送门:https://kimipet.taobao.com

傻瓜方法给博客文章添加漂亮小按钮

WordPress 云落 4年前 (2014-08-13) 1416次浏览 已收录 5个评论
文章目录[隐藏]

用另一个思路给博客添加各种按钮

思路

本来准备用高上大的 CSS 给博客添加按钮来着,但是老是不成功,但是忽然想到为啥一定要用 CSS?用图片不行吗? :evil:

素材

首先寻找漂亮的空白按钮,最好是透明背景的,如果有文字图片什么的直接去水印,处理下就好了
傻瓜方法给博客文章添加漂亮小按钮
傻瓜方法给博客文章添加漂亮小按钮

代码



添加 HTML 代码(2014/10/1 更新)

<button style="background: #2e88c0; cursor : pointer;  color: #fff; width: auto;" onclick="window.open('https://googlo.me')">乐趣公园</button>

HTML 效果


乐趣公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:傻瓜方法给博客文章添加漂亮小按钮
喜欢 (5)
云落
关于作者:
无折腾,不生活,我是一个WordPress菜鸟,一个玩淘宝的卖家,欢迎你认识我,我是云落!
发表我的评论
取消评论
表情 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(5)个小伙伴在吐槽
  1. 这种了文章还要赏?赏你一把掌
    1232016-12-08 15:21 回复 Windows 7 | Chrome 45.0.2454.101
  2. 靠,我居然没想到,博主太聪明了
    周杰伦2014-10-01 20:59 回复 Windows 7 | Chrome 31.0.1650.63
    • 云落
      不过我发现css代码也很简单
      Googlo2014-10-01 22:02 回复 Windows 8.1 | Firefox浏览器 31.0
  3. 云落
    :razz: 我真是太机智了
    Googlo2014-08-13 15:41 回复 未知操作系统 | 未知浏览器