网页设计怎么设置背景图片代码-织梦企业模板-站长建站的模板站
Website Home
说真心话,也是我也没明白是什么意思,层次感这是设计时候的话,到背景那又是HTML的事,,,不太明白意思,,最好说清楚点。。那你就把图片放进ABC就行了,,还是不明白,,,,还是你想说,ABC和扩展区域是一起的图片??那你就做一整块图片就行了,<ahref=A.html>印象</a><ahref=B.html>留声</a><ahref=C.html>一日跟踪</a><--!line-height:200px;--}</style</head<body<divid="center"<p网页居中</p</div</body</html把这个直接复制到txt文档中,看看效果吧!在这个基础上修改就行了!!!要把图像放入背景,需要使用background-image属性。background-image属性的默认值是none,表示背景上没有放置任何图像。如果需要设置一个背景图像,必须为这个属性设置一个URL值:body{background-image:url(/i/eg_bg_04.gif);}大多数背景都应用到body元素,不过并不仅限于此。下面例子为一个段落应用了一个背景,而不会对文档的其他部分应用背景:p.flower{background-image:url(/i/eg_bg_03.gif);}您甚至可以为行内元素设置背景图像,下面的例子为一个链接设置了背景图像:a.radio{background-image:url(/i/eg_bg_07.gif);}理论上讲,甚至可以向textareas和select等替换元素的背景应用图像,不过并不是所有用户代理都能很好地处理这种情况。另外还要补充一点,background-image也不能继承。事实上,所有背景属性都不能继承。背景重复如果需要在页面上对背景图像进行平铺,可以使用background-repeat属性。属性值repeat导致图像在水平垂直方向上都平铺,就像以往背景图像的通常做法一样。repeat-x和repeat-y分别导致图像只在水平或垂直方向上重复,no-repeat则不允许图像在任何方向上平铺。默认地,背景图像将从一个元素的左上角开始。请看下面的例子:body{background-image:url(/i/eg_bg_03.gif);background-repeat:repeat-y;}<style>body{background-image:url(/logo/60th.jpg);background-repeat:no-repeat;background-position:topcenter;padding-top:48px;}.main01{clear:both;width:900px;margin:10pxauto0pxauto;overflow:hidden;}.main01.left{float:left;width:300px;}</style>这段代码可以设置左宽多少右宽多少,上宽多少,你可以试一试<bgsoundsrc="音乐文件名.mp3"loop="-1"autostart="true">想让背景不重复的话只要在其CSS属性内加上:background-repeat:no-repeat;就可以了至于把背景扩大的话需要用PS扩大你说的应该是鼠标放到图片上然后图片自动放大而不是宽高的放大追问:我希望的是一打开网页,背景不重复的覆盖整个body部分,不是四分之一的body。我是这个意思回你是要规定背景咯追问:在哪里规定,页面属性和CSS里面都找不到。我用的是AdobeDreamweaverCS3回body{background:url(booy.jpg)no-repeatfixedcentertoptransparent;}Dreamweaver只是编辑器又不是代码库追问:fixedcentertoptransparent这几个前面加什么。我是初学者,而且英语不行回fixed固定图片center居中追问:我的意思是前面加什么。就像no-repeat前面加background-repeat:,不是问什么意思。回no-repeat就是不重复图片追问:我知道no-repeat是不重复图片的意思,但是你就这么打在style也没用,前面要加一个background-repeat:,我的意思是fixedcentertoptransparent这几个前面要加什么才会生效回你留下你QQ我稍后加你追问:942754361采纳哦这个要想通过代码实现。。貌似困难点,我没有办法。不过你可以尝试下这么做:1.用PS把你的图片处理一下,处理成你显示器一样的大小就行了。2.可以通过做一个层来做背景,然后改变图片img的大小就行。3.把图片放到table里也能跟随table的大小而变化。还有一段代码是我刚刚在网上找到的,你可以试试。在主页中这样加入代码:<html><head><scriptLANGUAGE=JavaScript><!--functionopenwin(){window.open(通知.html,newwindow,height=100,width=400,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no)//写成一行}//--></script></head><bodyonload=openwin()>...任意的页面内容...</body></html>要拉伸,只能改变图片本来尺寸,背景都是平铺充满的。不能拉伸,不过可以吧图片放到一个表格里面,宽度高度都设置为100%其他的内容就是都查在这个大的表格里面就可以了。