我创建了一个“新手”页面,我想使用 CSS 对其进行样式化,并且在某种程度上我已经做了一些事情。
我希望我的内容显示在中心,同时带有(白色背景)和两个侧边栏(左侧和右侧)color:blue
;
对于这个页面:http://blogsoc.org/mail 我在这里编辑代码:blogsoc.org/mail1
像这样(截图):https://dl.dropbox.com/u/46445635/stack%20question%20copy.png
最佳答案
将所有内容放入 #container
block 中。
body { background-color: blue; }
#container { margin: 0 auto; width: 989px; background: white; }
margin: 0 auto
使您的 block 垂直居中。
width: 989px
是 1024x768 屏幕的安全区域。
示例 HTML:
<html>
<head>
<style>
body { background-color: blue; }
#container { margin: 0 auto; width: 989px; background: white; }
</style>
</head>
<body>
<div id="container">
<!-- All your current content -->
</div>
</body>
</html>
关于html - 1 个内容栏和 2 个侧边栏的 CSS 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11889956/