<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns="http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>背景图片大小控制</title>
<style type="text/css">
<!--
#div { position: relative; height: 200px; width: 200px;}
#div div{height: 100%;width: 100%;position: absolute;z-index: 9;left: 0px;top: 0px;border: 1px solid #000000}
#div img {margin-top: -25px;margin-left: -50px; position: absolute; left: 50%; top: 50%}
-->
</style>
</head>
<body>
<div id="div">
<img src="http://www.39956.com/images/logo.gif " width="150" height="80" />
<div>
<p>
aaaaaaaaaaa<br />
bbbbbbbbbbb<br />
ccccccccccc<br />
ddddddddddd<br />
eeeeeeeeeee<br />
fffffffffff<br />
ggggggggggg
</p>
<p>其实只是用了两个层,形成背景的效果</p>
</div>
</div>
</body>
</html>
背景图片大小控制_背景图片缩小
最新推荐文章于 2022-08-07 13:48:00 发布