3-27 自由编程
来源：3-27 自由编程
慕移动4506339
2022-10-12 17:54:37
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>career builder</title> </head> <body> <!-- 网页头部 --> <div class="header"> <!-- 网页左侧logo--> <div class="logo"> <h1>Career Builder</h1> </div> <!-- 网页右侧导航条--> <div class="nav"></div> </div> <!-- 网页banner区域 --> <div class="banner"> <!-- banner图片 --> <div class="banner-picture"></div> <!-- banner遮罩层 --> <div class="banner-shade"></div> <!-- banner 表单 --> <div class="banner-form"></div> </div> <!-- about 区域 --> <div class="about-info"> <!-- about上半部分 --> <div class="up-about"></div> <!-- about下半部分 --> <div class="down-about"></div> </div> <!-- 图文混排区 --> <div class="picture-and-text"> <!-- 图片1 --> <div class="picture1"></div> <!-- 文字1 --> <div class="text1"></div> <!-- 图片2 --> <div class="picture2"></div> <!-- 文字2 --> <div class="text2"></div> <!-- 图片3 --> <div class="picture3"></div> <!-- 文字3 --> <div class="text3"></div> <!-- 图片4 --> <div class="picture4"></div> <!-- 文字4 --> <div class="text4"></div> </div> <!-- gallery区域 --> <div class="gallery-info"> <!-- gallery 上半部分 --> <div class="gallery-up"></div> <!-- gallery 下半部分 --> <div class="gallery-down"></div> </div> <!-- 页脚 --> <div class="footer"> <p>© 2016 imooc.com 京ICP备13046642号</p> </div> </body> </html>
老师，请检查
写回答
1回答
-
好帮手慕星星
2022-10-12
同学你好，图文混排中后面四项应该从文字开始
调整位置如下：
另外建议在元素中添加效果图中的文字，例如：
自己完善下，祝学习愉快！
0
相似问题