<!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=utf-8" /><title>无标题文档</title><style type="text/css">*{margin:0;padding:0;} /*除去网页内各种标签的默认边距*/ /*高度按子元素尺寸撑开*/#wrap{ width:1000px; /*长度如何计算？？？？？？？？？？？？？？？？？？在360和在ie中不一样*/ margin:0 auto;}#header{ height:100px; background-color:#CCC;}#mainbody{ height:700px; background-color:#FF0;}#footer{ height:60px; background-color:#CCC;}.content{ border:7px #B7DBDB solid; padding:60px 15px 25px 15px;}.book{ background: url(../t_book1.gif) no-repeat #F2F7FB ; /*图片没有设置坐标。默认从左上角开始*/ /*背景颜色在此设置，不要在content设置*/ }img{ margin:0 20px; border:3px #CCCCCC solid;}</style></head><body><div id="wrap"> <div id="header"></div> <div id="mainbody"> <div class="content book"> <!--content为框架样式、book为背景样式--> <img src="../book1.jpg" width="110" height="100" /> <img src="../book2.jpg" width="110" height="100" /> <img src="../book3.jpg" width="110" height="100" /> <img src="../book4.jpg" width="110" height="100" /> <img src="../book5.jpg" width="110" height="100" /> <img src="../book6.jpg" width="110" height="100" /> </div> </div> <div id="footer"></div></div></body></html>
- 3 回答
- 0 关注
- 1621 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消