个人博客美化界面

最新推荐文章于 2023-04-07 21:58:47 发布

斯乌i

最新推荐文章于 2023-04-07 21:58:47 发布

阅读量2.9k

点赞数 1

分类专栏：博客页面美化文章标签：博客页面

本文链接：https://blog.csdn.net/Bangchui_programer/article/details/100860220

版权

这篇博客介绍了如何美化个人博客界面，通过进入博客管理设置，输入特定的CSS代码，以及在侧边栏公告处添加鼠标特效，简单几步即可完成界面的美化工作。

摘要由CSDN通过智能技术生成

先看一下我的界面

进入个人博客———管理——设置

在CSS代码框中输入一段代码，如下：

/*simplememory*/
#google_ad_c1, #google_ad_c2 {display:none;}
.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, 
.syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, 
.syntaxhighlighter textarea {
font-size: 14px!important;
}
#home {
opacity: 0.40;
margin: 0 auto;
width: 85%;
min-width: 950px;
background-color: #fff;
padding: 30px;
margin-top: 30px;
margin-bottom: 50px;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
#blogTitle h1 {
font-size: 30px;
font-weight: bold