html网页设计里面怎么平铺背景图片

html网页设计里面怎么平铺背景图片,第1张

html网页设计里面平铺背景图片的代码如下:

<html>  

<body>  

<div id="Layer1" style="position:absolute left:0px top:0px width:100% height:100%">  

<img src="pictures/background.jpg" width="100%" height="100%"/>  

</div>  

</body>  

</html>

HTML网页设计

网页设计--根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种,精美的网页设计,对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同,应选择不同的网页策划与设计方案。

网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化,在功能限定的情况下,尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的试听感受。

我试了一下,在IE7、IE8下是达到你的要求了的,IE6你可以自己试一下哈

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">

<title>无标题文档</title>

<style type="text/css">

body{margin:0text-align:center}

#c{margin:0 autowidth:950pxheight:auto}

#side{float:leftwidth:300pxheight:500pxposition:relative}

.d1{width:300pxheight:100pxborder:1px solid #000}

.d2{width:300pxheight:100pxborder:1px solid #000}

div.d3{position:absoluteright:0bottom:0width:300pxheight:100pxborder:1px solid #000}

#main{float:rightwidth:640pxheight:500pxborder:1px solid #000}

</style>

</head>

<body>

<div id="c">

<div id="side">

<div class="d1"></div>

<div class="d2"></div>

<div class="d3"></div>

</div>

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

</div>

</body>

</html>

你用表格

<table>

<tr><td>第一个图片</td><td>第二个图片</td><td>第三个图片</td><td>第n个图片</td>..</tr>

</table>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7597581.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-07
下一篇 2023-04-07

发表评论

登录后才能评论

评论列表(0条)

保存