求大神把网站的table改为div+css，谢谢

Posted 2023-05-15

<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><img src="images/首页_01.gif" width="1024" height="172" /></td> </tr></table><table width="1024" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="181" height="44"><a href="名胜古迹网首页.html"><img src="images/首页_02.gif" width="181" height="44" /></a></td> <td width="209" height="44"><a href="基本信息.html"><img src="images/首页_03.gif" width="209" height="44" /></a></td> <td width="208" height="44"><a href="名胜古迹联.html"><img src="images/首页_04.gif" width="208" height="44" /></a></td> <td width="215" height="44"><a href="十大古迹.html"><img src="images/首页_05.gif" width="215" height="44" /></a></td> <td width="211" height="44"><a href="其他古迹.html"><img src="images/首页_06.gif" width="211" height="44" /></a></td> </tr></table><table width="1024" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><img src="images/11.gif" width="1024" height="428" /></td> </tr></table><table width="1024" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><img src="images/首页_08.gif" width="1024" height="116" /></td> </tr></table></body></html>有点乱，但是真的比较急，希望可以帮我解答，谢谢

参考技术A

HTML

<div class="main">
<div class="div01">
<img src="图片地址"/>
</div>
<div class="div02">
<a href="/"><img src="图片地址"/></a>
<a href="/"><img src="图片地址"/></a>
<a href="/"><img src="图片地址"/></a>
<a href="/"><img src="图片地址"/></a>
<a href="/"><img src="图片地址"/></a>
</div>
<div class="div01">
<img src="图片地址"/>
</div>
<div class="div01">
<img src="图片地址"/>
</div>
</div>

CSS

.main
width: 1024px;

.main .div01
width: 100%;
height: 400px;
border: 1px solid #666666;
margin-bottom: 10px;

.main .div01 img
display: block;
width: 100%;

.main .div02
width: 1024px;
display: flex;
justify-content: space-between;
margin-bottom: 10px;

.main .div02 a
display: block;
width: 20%;
box-sizing: border-box;
border: 1px solid #666666;

.main .div02 img
width: 100%;
height: 100px;
display: block;

参考技术B

直接替换标签 但是 格式部分要添加style然后就ok了，还不如直接用网站模板呢！！

追问

那个，请问可以具体一点吗，我不是学这个的，但是这算社团任务，我是真的一点都不懂呐，谢谢您

用VirturalBox在win7系统下安装了虚拟XP系统，但是分辨率是4:3，如何将它改为16:9的，跪求大神指教啊

用VirturalBox在win7系统下安装了虚拟XP系统，但是分辨率是4:3，如何将它改为16:9的，跪求大神指教啊

和VMware一样，先安装虚拟增强工具，然后就可以调了。
在“设备”->“分配光驱”选中VBoxGuestAdditions.iso，然后运行其中的安装程序，安装完重启，VirtualBox就能根据是否全屏以及物理主机的分辨率等情况自动支持相应的分辨率了。 参考技术A 在xp系统下，进我的电脑，或者光驱，里面有一个addtion的一个增强工具，安装就可以全屏了。谢谢