使用CSS个性化CSDN博客

关注

原创最新推荐文章于 2025-11-05 10:57:40 发布 3.6k 阅读 AI 写同款· GEO 优化 ›

仿制CSDN首页（html+css+js）+ 个性化登录注册页技术栈：HTML+CSS+JavaScript 特点、注意点：轮播图、导航条下拉显示更多 list、头像图案大小变化显示登录与注册、搜索框样式的变化、广告关闭显示其他内容、注册页面的两个盒子动画处理。适用对象：适合初学完 Javascript 制作简单动效，掌握基本布局和样式处理，难度不大但是代码量较大，适合练手巩固基础。可私信我提供源码。阅读详情

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

下面我们就看看怎么使用“配置”－>“自定义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.csdn.net/images/p_blog_csdn_net/forlinux/tux.ani.gif');
background-image: url('https://p-blog.csdn.net/images/p_blog_csdn_net/forlinux/3ecc9114e20e7yf.jpg');
background-repeat: repeat;

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

}

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

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

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

收录于