ZBlog主题的自定义CSS用法

不凡 538 0
淘宝购物先领券,更省钱

自定义CSS是什么?

  自定义CSS可以改变网页样式,它的优势是,只需在主题配置内加入代码就可以改变网页样式,再是,主题更新后,不会影响到自定义CSS代码,不用每次主题更新后在主题的CSS文件内修改代码,所以,自定义CSS是个好东西。

自定义CSS代码获取方法

需要基于Chrome内核的网页浏览器,如QQ浏览器、UC浏览器、搜狗浏览器等等。

一、在要修改样式点右键,选择“检查”。

二、比如修改侧栏的背景颜色,

三、复制以下红框内的代码,代码是:.widget {background: #15ecc5;},粘贴到主题配置的自定义CSS内,打开自定义CSS开关,保存配置,再次刷新首页,侧栏的背景色变成青色。

四、侧栏的标题还有背景色,可以将标题的背景色改成侧栏背景色,或者加透明度。在“用户中心”点击右键,再点“检查”。

五、代码是:.widget-title span {background: #15ecc5;},我认为加上透明度更好点,以后要是换其它颜色,这里的代码不用再次修改了,代码是:.widget-title span{background: rgba(0, 0, 0, 0);}

六、修改背景颜色,在网页代码中找到<body,在右边找到背景色的代码并修改颜色,代码是:body {background-color: #a72a2a;}

七、如果要添加背景图片,代码是:body {background-image: url(图片地址);}

视频教程

如何查看别人的自定义CSS代码

在网页点右键,选择“查看网页源代码”,<style>和</style>之间的代码。

标签: ZBlog 主题 自定义 CSS 美化

发表评论 (已有0条评论)

您需要 登录账户 后才能发表评论

还木有评论哦,快来抢沙发吧~