原紫番博客 | 原紫番的互联网自留地

原紫番博客 - 原紫番的互联网自留地

欢迎来到原紫番博客，这里是原紫番在互联网上的一片自留地。在这里，你可以找到原紫番分享的各种有趣的内容，包括但不限于技术文章、生活感悟、旅行故事等。同时，你还可以关注原紫番的社交媒体账号，与原紫番互动交流。

样式代码

原紫番博客采用了简洁的CSS样式设计，使得博客在不同设备上都能呈现出良好的阅读体验。以下是一些主要的样式代码：

@media screen and (max-width: 440px) {  
.entry-meta {  
left: 125px;  
}  
}  
  
.social-main a {  
color: #fff;  
}  
  
.like a {  
background: #f40000;  
border: 1px solid #f40000;  
}  
  
.share-s a {  
background: #dd9933;  
border: 1px solid #dd9933;  
}  
  
.social-main i {  
color: #fff;  
}  
  
.shang-p a {  
background: #7ab951;  
border: 1px solid #7ab951;  
}  
  
.social-main a:hover {  
color: #fff;  
background: #666;  
}  
  
.like a:hover,  
.share-s a:hover,  
.shang-p a:hover {  
border: 1px solid #666;  
}  

这些样式代码为博客的各个元素提供了丰富的颜色和边框设置，使得博客在视觉上更具吸引力。同时，通过媒体查询(@media screen and (max-width: 440px)),当屏幕宽度小于440px时，博客的导航栏会自动向左移动125px,以适应手机设备的阅读习惯。