不知道图片如何放在左上方,菜单不知道如何放在右上方,用了表格做菜单,文字总是在中间一行,求解决方案
这个网页如何做,已给出了图片,我作为刚学web前端的大学生,求大家解决这个网页
不知道图片如何放在左上方,菜单不知道如何放在右上方,用了表格做菜单,文字总是在中间一行,求解决方案
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
3条回答 默认 最新
- CSDN专家-showbo 2022-04-14 13:46关注
表格的话拆分成2列,第一列放图片align=left,菜单align=right就行,大概如下,题主自己调整下宽度什么的
<!doctype html> <meta charset="utf-8" /> <meta name="referrer" content="no-referrer"> <style> body,table{padding:0;margin:0;width:100%} .head { background: #58afd0 url(https://img-mid.csdnimg.cn/release/static/image/mid/ask/202628319946144.jpg) no-repeat center; height: 279px } .wrap{width:941px;margin:0 auto} .menu a{color:#fff;border-right:solid 1px #fff;display:inline-block;padding:0 10px;line-height:18px;margin-top:10px} .menu a:last-of-type{border-right:none} .body{background:#0067a0;color:#fff;padding:20px 0} </style> <div class="head"> <div class="wrap"> <table> <tr> <td><img src="https://img-mid.csdnimg.cn/release/static/image/mid/ask/783708319946173.jpg" /></td> <td align="right" class="menu" valign="top"> <a href="#">网站首页</a> <a href="#">网上预定</a> <a href="#">联系我们</a> </td> </tr> </table> </div> </div> <div class="body"> <div class="wrap"> <table> <tr> <td width="635px"> <strong>奶源介绍</strong> </td> <td valign="top"><strong>奶品推荐</strong></td> </tr> <tr> <td> <br /> <img src="https://img-mid.csdnimg.cn/release/static/image/mid/ask/537118319946179.jpg" width="100%" /><br /> 巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉 </td> <td> <ul> <li>巴拉巴拉巴拉巴拉巴拉巴拉</li> <li>巴拉巴拉巴拉巴拉巴拉巴拉</li> <li>巴拉巴拉巴拉巴拉巴拉巴拉</li> </ul> </td> </tr> </table> <br /> <table> <tr> <td width="175px"> <img src="https://img-mid.csdnimg.cn/release/static/image/mid/ask/688618319946116.jpg" width="100%" /> </td> <td width="300px"> <strong>热销奶品</strong><br /> 巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉 </td> <td width="175px"> <img src="https://img-mid.csdnimg.cn/release/static/image/mid/ask/688618319946116.jpg" /> </td> <td> <strong>最新奶品</strong><br /> 巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉 </td> </tr> </table> </div> </div>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报 编辑记录
悬赏问题
- ¥15 uniapp uview http 如何实现统一的请求异常信息提示?
- ¥15 有了解d3和topogram.js库的吗?有偿请教
- ¥100 任意维数的K均值聚类
- ¥15 stamps做sbas-insar,时序沉降图怎么画
- ¥15 买了个传感器,根据商家发的代码和步骤使用但是代码报错了不会改,有没有人可以看看
- ¥15 关于#Java#的问题,如何解决?
- ¥15 加热介质是液体,换热器壳侧导热系数和总的导热系数怎么算
- ¥100 嵌入式系统基于PIC16F882和热敏电阻的数字温度计
- ¥15 cmd cl 0x000007b
- ¥20 BAPI_PR_CHANGE how to add account assignment information for service line