自定义博客页面样式

今天记录一下关于如何更改博客页面样式：

1.首先我们要进入一个管理页面：管理->设置

之后你会看到如下信息：

yes,对的就是这个页面，用户可以自定义css样式，我这里还是在系统默认css基础上进行修改的，（大牛完全可以禁用默认css）。

2.以我的博客皮肤为例->我用的是simplememory.这里用到我们浏览器的F12开发者管理工具

可以看到我的页面是这样的：

我们上传自己喜欢的背景图片，或者想要修改字体样式，都可以在开发者工具里找到相应的位置。

背景图片的位置：

当然这里用的是网络文件夹里的图片，你不能上传你本机的图片！

方法就是：博客园有上传图片到相册的功能，把你喜欢的图片上传到相册之后就可以找到该图片的位置（通过右键点击复制图片地址或者是用F12区找到图片地址）。

找到之后将body里background-imae:url()，地址改为你的图片的地址就可以了。

 

3.修改字体，背景透明度，颜色等都可以通过开发者工具进行调试，调试好之后再将要修改的css样式写入你的设置栏里就可以了。

   

 　　　　总体来说就是：先通过开发者工具进行调试修改（可借助w3c查询）->再将确定好后的css代码粘贴到你的设置栏里。over!

 

转载于:https://www.cnblogs.com/xhj928675426/p/8855326.html