使用CSS个性化优快云博客

最新推荐文章于 2021-08-27 17:44:50 发布

forlinux

最新推荐文章于 2021-08-27 17:44:50 发布

阅读量3.6k

点赞数

CC 4.0 BY-SA版权

分类专栏：随笔文章标签： css blog url

本文链接：https://blog.youkuaiyun.com/forlinux/article/details/765047

随笔专栏收录该内容

29 篇文章

订阅专栏

本文介绍如何通过自定义CSS样式来美化优快云博客页面，包括调整字体、颜色及背景等，让您的博客更具个性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

优快云的默认样式太少了，而且也都不是很好看。

下面我们就看看怎么使用“配置”－>“自定义CSS样式”的功能来美化一下我们的blog。

把以下代码拷贝到“自定义CSS样式”文本框。

body {
margin:0px;font-size:12px;overflow-x:hidden;overflow-y:scroll;color:#666666;LINE-HEIGHT: 160% ;SCROLLBAR-FACE-COLOR: #efefef; MARGIN: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #dee3e7; SCROLLBAR-SHADOW-COLOR: #dee3e7; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #006699; SCROLLBAR-ARROW-COLOR: #006699; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #006699; SCROLLBAR-BASE-COLOR: #006699;cursor: url('https://p-blog.youkuaiyun.com/images/p_blog_youkuaiyun.com/forlinux/tux.ani.gif');
background-image: url('https://p-blog.youkuaiyun.com/images/p_blog_youkuaiyun.com/forlinux/3ecc9114e20e7yf.jpg');
background-repeat: repeat;

}
#top
{
background-image: url('https://p-blog.youkuaiyun.com/images/p_blog_youkuaiyun.com/forlinux/forest_1_banner.jpg');
background-repeat: no-repeat;
height:150px

}

.postText
{
font-family: Verdana, Geneva, Arial, Sans-Serif;
font-size: 12px;
}

当然，也可增加其他的样式。

TS:可以查看原代码看我所采用的样式。