读书人

图片在div中居间显示

发布时间: 2012-10-06 17:34:01 作者: rapoo

图片在div中居中显示
要求:

将图片在div中居中显示。

实现方法:

在div中设置样式background的值为 url(图片地址) no-repeat center

代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head>  <title> New Document </title>  <meta name="Generator" content="EditPlus">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content=""> </head> <body><div id="outer" style="width:600px;height:600px;border:1px red solid;background:url(nv.jpg) no-repeat center">居中显示例子</div> </body></html>


效果如下:





读书人网 >Web前端

热点推荐