typecho主题双栏代码css呢

以下是一个基本的双栏主题代码CSS样式：

/* 双栏主题 */ #container { width: 960px; margin: 0 auto; } #content { width: 600px; float: left; } #sidebar { width: 300px; float: right; }

/* 标题样式 */ h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 10px; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 16px; } h6 { font-size: 14px; }

/* 导航样式 */ #nav { margin: 10px 0; } #nav ul { list-style: none; } #nav li { display: inline-block; margin-right: 20px; } #nav a { text-decoration: none; color: #333; font-weight: bold; font-size: 16px; }

/* 文章列表样式 */ .article { margin-bottom: 30px; } .article h2 { font-size: 24px; } .article .meta { font-size: 12px; color: #999; margin-bottom: 10px; } .article .content { font-size: 16px; line-height: 1.5; }

/* 侧边栏样式 */ .widget { margin-bottom: 30px; } .widget h3 { font-size: 20px; margin-bottom: 10px; } .widget ul { list-style: none; margin: 0; padding: 0; } .widget li { margin-bottom: 10px; } .widget a { text-decoration: none; color: #333; font-size: 16px; }

/* 底部样式 */ #footer { text-align: center; margin-top: 30px; font-size: 12px; color: #999; }

希望可以对您有所帮助！