CSS+DIV在背景下能不能调margin和padding?

如题所述

背景不可以调margin和padding.

但如果你要修改背景的位置,
方法1:background:url() X的值 y的值; //这是我常用的;
方法2:可用background-position来设置:使用如下
background-position:10px 20px;
定义和用法
background-position 属性设置背景图像的起始位置。
这个属性设置背景原图像(由 background-image 定义)的位置,背景图像如果要重复,将从这一点开始。
提示:您需要把 background-attachment 属性设置为 "fixed",才能保证该属性在 Firefox 和 Opera 中正常工作。

默认值: 0% 0%
JavaScript 语法: object.style.backgroundPosition="center"
如何定位背景图像:

body
{
background-image:url('bgimage.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}

注:所有浏览器都支持 background-position 属性。
可能的值
值 描述
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
如果您仅规定了一个关键词,那么第二个值将是"center"。

默认值:0% 0%。

x% y% 第一个值是水平位置,第二个值是垂直位置。

左上角是 0% 0%。右下角是 100% 100%。

如果您仅规定了一个值,另一个值将是 50%。

xpos ypos 第一个值是水平位置,第二个值是垂直位置。

左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。

如果您仅规定了一个值,另一个值将是50%。

您可以混合使用 % 和 position 值。追问

哥。我哥你跟你说一下我的情况呀:我截了一个框为背景;在框背景里面我又放了一个div,div的背景是一个图。现在我想设置这个他跟框的距离怎么办呀、、、、、、、、

温馨提示:内容为网友见解,仅供参考
第1个回答  2011-12-24
只能是用margin来调试,如:
<div><!--你截图的框框-->
<div style="margin:10px 0 0 10px"><!--div背景图-->

</div>
</div>

div+css中文字离div的边距要怎么设
3、然后是使用margin外边距,这也是常用的方法,可以设置上下左右边距,这里使用float将两个子div并列。4、这个方法也是margin方法,当时是使用display:inline-block来将两个div并列,需要注意的是这里会产生边距。5、最后这个是使用padding内边距,需要有内容的情况下或者在子div中里面加入div以显示效果。

用CSS+DIV布局做网站时margin和padding有什么用?
margin表示元素和元素之间的距离,padding表示本元素和本元素里的内容的距离

divcss网页布局实例代码(网页设计divcss布局)
1、新建一个html文件,命名为test.html,用于讲解div+css布局的基本流程。2、在test.html文件内,对body进行样式初始化,设置外边距margin为0,内边距padding为0,同时使用text-align设置文字居中。3、在test.html文件内,为了讲解方便,设置所有的div高度为200px,内容的颜色为红色。4、在test.html文件...

用div+css写的页面在IE6和IE7下怎么大不相同,如何改正?
我教几个绝招给你。CSS里用width,height的时候,不要用padding和margin ,再建一个块,比如DIV,或者DD,LI之类的,里面CSS用Padding和margin就有效果。而且可以忽略浏览器。都一样的出效果。还有竟量把有些行距间距之类的初始化。不同浏览器默认值不同吧。还有个背景填充的问题,说起来比较麻烦,要在...

DIV+CSS页面局中问题?
<\/body> 如果你的页面是这样分为三个部分,那么可以给分别给他们加上margin:0 auto;让他们水平居中,也可以在外面加一个外框:<body> <div id="wrap"> <div id="top"><\/div> <div id="conter"><\/div> <div id="foot"><\/div> <\/div> <\/body> 然后只给 wrap加margin:0 auto;就...

DIV+CSS布局下,怎样解决对不同解析度的适应问题
div+css解析度问题 你好,请贴出程式码或者直接PM我 帮忙解决一下div+css布局问题 .tab2 ul{ list-style:none; padding:0px; margin:20px 0px; } .tab2 li{ overflow:hidden; display:inline; float:left; width:80px; 这个地方最好不要用%,设定一个具体的宽度 } 变形也可能是因为相容性的问题。 Androi...

div+css背景设置
12px Arial;color:#666; background:url(背景图片地址) 50% 0 no-repeat;\/*第一个50%水平居中,0表示顶部对齐*\/}a{color:#666;text-decoration:none;}.w{width:990px;margin:0 auto;}.nav{width:100%; height:30px; line-height:30px; background-color:#000; overflow:hidden;...

div+css 如何改变背景图片大小
style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 0px"><\/td> <td background="img\/xiao\/new_line_010.gif"><\/td> <\/tr> <tr> <td valign="top" width="4" height="4"><img height="4"src="img\/xiao\/new_line_006.gif" width="4" \/><...

divcss布局设计?
1、新建一个html文件,命名为test.html,用于讲解div+css布局的基本流程。2、在test.html文件内,对body进行芦伏样式初始化,设置外边距margin为0,内边距padding为0,同时使用text-align设置文字居中。3、在test.html文件内,为了讲解方便,设置所有的div高度为200px,内陪锋携容的颜色为红基兄色。4...

怎么用css+div布局一个网页!具体的思路是怎么样的?先后顺序是怎么...
>04 如果想像我的效果图一样铺满整个屏幕可以加入以下代码。<style type="text\/css">body{height:100%;  margin:0px; padding:0px;}<\/style>每个div,都有父容器。body就是最根源的父容器。只有把body设置为100%就可以满屏幕。共2图>05 还可以添加以下底部啊什么的。大家可以自己试试。

相似回答