博客个性化简单设置(1)


1、侧栏添加头像

修改下面代码中的图片地址为你个人头像的图片地址

<div class="head_img"><img width="120" height="120" alt="我的头像" src="//pic.cnblogs.com/avatar/1014286/20160824172911.png" class="img_avatar"><div>

1_看图王

添加到博客管理-设置-博客侧边栏公告位置处即可


2、推荐按钮浮动到右下角

/*推荐按钮浮动到右下角*/
#div_digg {
     position: fixed;
     bottom: 20px;    /*调整距离底部的距离*/
     right:450px;      /*调整距离右边的距离*/
     background-color:white;    /*修改颜色*/
     border: 8px double #00FFFF;
     padding: 10px;
     margin: 10px;
     text-align: center;
}

添加到页面定制CSS代码

效果:

捕获


扩展:

    十六进制的颜色代码:首先我们知道 RGB,每种颜色由 0 到 255 共 256 个梯度,十六进制码把 RGB 的 256 个梯度以十六进制来显示出来,RGB 中的 0 转化为十六进制是 00,RGB 中的 255 转化为十六进制是 FF。

    例如把 #99CC99 拆分来看:99、CC、99。这里分别代表 R、G、B 三种颜色的十六进制取值。把它们转化回来则是 RGB (153, 204, 153)。


posted @ 2018-02-27 22:45  KwinWei  阅读(178)  评论(0编辑  收藏  举报