有关用CSS做百度博客的问题

来源：百度知道 编辑：UC知道 时间：2024/05/17 00:45:37
#main{background:url(http://imgsrc.baidu.com/css/pic/item/b3074cc88fbd100a7e3e6f42.jpg) repeat-y 50% 0%;width:1024px!important;margin:0px 0px -50 -10px}
什么意思哈？

还有我的整个页面较为宽屏，怎么变窄点？我在header{}里将图片设置了宽度，可是底下的博客内容仍然按宽屏显示，即两边都突破了图片的范围

<title>无标题文档</title>
<style>
#main{
background:url(https://gss0.baidu.com/70cFfyinKgQFm2e88IuM_a/css/pic/item/b3074cc88fbd100a7e3e6f42.jpg) repeat-y 50% 0%;/*背景图片 Y轴重复 X轴50% Y轴0%*/
width:993px!important;/*宽度*/
margin-top: 0px;/*居上*/
margin-right: 0px;
margin-bottom: -50px;
margin-left: -10px;
}
</style>
</head>

<body><div id="main"></div>
</body>
</html>

要改变宽度
在改变图片没有
要改变外层DIV或者TABLE的大小！

width:1024px 这是你设的图片宽度如果你觉得宽了可以缩小数值.
repeat-y是纵向重复.margin是间距.后面的数值.
margin:0px 0px -50 -10 四个数值.分别以上.右.下.左.设置!
应该明白了吧!

第一、这段代码的意思是将这幅图片纵向重复排列

第二、改博客区域宽度的width在#layout里面