首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

图片在div中居间显示

2012-10-06 
图片在div中居中显示要求:将图片在div中居中显示。实现方法:在div中设置样式background的值为 url(图片地址

图片在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>


效果如下:





热点排行