3-6的作业页面写出来不对齐
每部分用align定义也不对齐 不知道哪里有毛病
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{margin:0;padding:0;}
font{color: #333333;}
.menu li{float:left;margin:16px}
.menu li{list-style-type:none;}
li{list-style-type:none;float:left;}
a{text-decoration:none;}
.yuhu li{float:left;margin:16px}
.yuhu li{list-style-type:none;}
.foot2{background-color:"#89A9BD"}
</style>
</head>
<body>
<div width="100%">
<!--顶部导航-->
<table width="100%" bgcolor="E1F2F9">
<tr><td width="2%" height="2%"><img src="images\logo.png"></td>
<td><ul class="menu"><li>学校概况</li><li>机构设置</li>
<li>师资力量</li><li>科学研究</li><li>招生就业</li><li>图书馆</li><li>校长信箱</li><li>校园导航</li></ul></td>
<td>快速导航</td><td><form><select><option >学校概况</option><option>招生情况</option><option>师资力量</option><option>招生情况</option><option>师资力量</option></select></form></td>
</tr>
</table>
</div>
<div width="100%">
<!--banner-->
<div width="100%"><img src="images\banner.jpg"></div>
</div>
<!--新闻区-->
<div width="60%">
<div>
<table width="70%">
<tr>
<td>
<h4><a href="#" style="color: #393939">慕课快讯 慕课快讯 慕课快讯>>></a></h4>
<ul>
<li>>标签内部,你可以放置表格的标题、表格行</li>
<li>>标签内部,你可以放置表格的标题、表格行</li>
<li>>标签内部,你可以放置表格的标题、表格行</li>
<li>>标签内部,你可以放置表格的标题、表格行</li>
<li>>标签内部,你可以放置表格的标题、表格行</li>
<li>>标签内部,你可以放置表格的标题、表格行</li>
<li>>标签内部,你可以放置表格的标题、表格行</li>
<li>>标签内部,你可以放置表格的标题、表格行</li>
<li>>标签内部,你可以放置表格的标题、表格行</li>
</ul>
</td>
<td>
<h4><a href="#" style="color: #393939">慕课快讯 慕课快讯 慕课快讯>>></a></h4>
<ul>
<li>>标签内部,你可以放置表格的标题、表格行</li>
<li>>标签内部,你可以放置表格的标题、表格行</li>
<li>>标签内部,你可以放置表格的标题、表格行</li>
<li>>标签内部,你可以放置表格的标题、表格行</li>
<li>>标签内部,你可以放置表格的标题、表格行</li>
<li>>标签内部,你可以放置表格的标题、表格行</li>
<li>>标签内部,你可以放置表格的标题、表格行</li>
<li>>标签内部,你可以放置表格的标题、表格行</li>
<li>>标签内部,你可以放置表格的标题、表格行</li>
</ul>
</td>
<td>
<img src="images\weixin.png">
</td>
</tr>
</table>
</div>
<!--近期专题-->
<div width="60%">
<p>近期专题</p>
<table width="70%">
<tr>
<td ><p ><img src="images\1.png"></p>
<p>教育发展基金问题</p></td>
<td><p ><img src="images\2.png"></p>
<p>教育发展基金问题</p></td>
<td><p ><img src="images\3.png"></p>
<p>教育发展基金问题</p></td>
</div>
<!--友情链接-->
<div width="100%" >
<table width="100%" bgcolor="E1F2F9" >
<tr><td><ul class="yuhu"><li>文化站点</li><li>文化站点</li>
<li>文化站点</li><li>文化站点</li><li>文化站点</li><li>文化站点</li><li>校长信箱</li></ul></td>
</tr></table>
</div>
<!--页脚区-->
<div width="100%">
<table bgcolor="89a9bd" width="100%">
<tr>
<td>Copyright©2017 imooc.com ALL Rights Reserved | 京ICP备 13045642号-2</td>
</tr>
</table></div>
</body>
</html>
正在回答
这边测试你的代码是这样的：
可以将图片的宽度设置为100%，填充满整个区域；
新闻区和页脚如果要居中的话，可以设置成五列，最左边和最右边的那一列是有宽度的空标签，且宽度一样，这样内容区域就居中了！
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星