`

背景图片大小控制_背景图片缩小

    博客分类：
  • html
阅读更多

 

背景图片大小控制_背景图片缩小

<!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.aizili.com/images/logo.gif" width="150" height="80" />
<div>
   <p>
   <a href="http://www.aizili.com">爱自立</a><br />
   bbbbbbbbbbb<br />
   ccccccccccc<br />
   ddddddddddd<br />
   eeeeeeeeeee<br />
   fffffffffff<br />
   ggggggggggg
   </p>
   <p>其实只是用了两个层，形成背景的效果</p>
</div>
</div>
</body>
</html>
分享到：
| (转载)Weblogic 各种版本下载
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics