dreamweaver 怎么在网页中使用div展示图片效果？想给网站中插入一些图片，怎么使用div展示图片呢？下面我们就来看看详细的设置方法，需要的朋友可以参考...
dreamweaver 怎么在网页中使用div展示图片效果？想给网站中插入一些图片，怎么使用div展示图片呢？下面我们就来看看详细的设置方法，需要的朋友可以参考下
在网页制作过程中，图片的布局直接影响到网页的整体效果，那么如何使图片布局整齐划一呢？其实使用div就可以做到，现在就自己制作的过程跟大家交流一下，同时分享制作的步骤和截图，希望对你有所帮助。
Adobe Dreamweaver CS5 简体中文绿色版
类型：网页设计大小：86MB语言：简体中文时间：2012-06-06查看详情
1、启动dreamweaver cs5，执行文件-新建命令，在弹出的新建文档对话框选择html文件，点击创建按钮。
2、在标签
无标题文档中修改名称为
div布局图片效果。
3、在
标签下方输入<style>相关的代码，定义网页的整体样式，样式直接影响着网页的美观程度。</p><p>4、接着在<body>中输入div标签三个，并分别设置他们所属于的类，最外边的div设置类为db，中间两个分别为zpxc1和zpxc，在下方就会看到基本的框架效果。</p><p>5、外部的框架设计好之后，接着设计使用div布局图片，书写相应的代码，设置div的尺寸大小和相关属性，同时设计图片的相关属性。</p><p>代码为：</p><p>div.pt img{margin:0px; height:220px; width:120px; margin-top:10px; border: 1px solid #333;}</p><p>div.pt{float:left; height:240px; width:140px; margin:6px; padding:0px; margin-top:10px; filter:light; background:#333; margin-left:0.8em;}</p><p>.pic{ float:right;}</p><p>6、在类为zpxc1的div中建立新的四个div，并设置img的 src属性值，对图片进行正确的链接。</p><p>7、按f12进行在浏览器中进行预览效果，出现提醒信息“是否将改动保存到”，直接点击是，找一个合适的位置进行保存。</p><p>8、接着在类为zpxc的div中输入“作品展示”四个字，再次才看效果，如果不合适可进行再次修改。</p><p>9、如果图片过多，可以修改类zpxc1和db的高度，反复修改直至合适为止，重复步骤6、7采用同样的方法建立多个图片div。</p><p>10、如果对“作品展示”四个字不满意的话，可以使用图片进行替换，达到满意为止，再次按f12进行在浏览器中进行查看效果，</p><p>11、执行文件-另存为命令，在弹出的对话框中输入名称为“div布局图片”，找到一个合适的位置进行保存即可。</p> <div class="post-note alert alert-warning mt-2" role="alert"> <small><strong>声明：</strong>如若本站内容侵犯了原著者的合法权益，可联系我们进行删除处理。</small> </div>
</div>
</div>
</div>
</article>
<div class="entry-navigation">
<div class="row">
<div class="col-lg-6 col-12"> <a class="entry-page-prev" href="https://www.wangyeyuan.com/w-ketang-s28.html" title="Dreamweaver怎么给网页添加下拉的条幅?（html作业）">
<div class="entry-page-icon"><i class="fas fa-arrow-left"></i></div>
<div class="entry-page-info"><span class="d-block title">Dreamweaver怎么给网页添加下拉的条幅?（html作业）</span> </div>
</a> </div>
<div class="col-lg-6 col-12"> <a class="entry-page-next" href="https://www.wangyeyuan.com/w-ketang-s30.html" title="dreamweaver中怎么交互图像? dw制作鼠标经过图像换图的教程（静态网站设计与制作）">
<div class="entry-page-info"><span class="d-block title">dreamweaver中怎么交互图像? dw制作鼠标经过图像换图的教程（静态网站设计与制作）</span> </div>
<div class="entry-page-icon"><i class="fas fa-arrow-right"></i></div>
</a> </div>
</div>
</div>
<div class="related-posts">
<h3 class="u-border-title">网页成品</h3>
<div class="row">
<div class="col-lg-6 col-12">
<article id="post-77" class="post post-list post-77 type-post status-publish format-standard hentry category-xunrbj">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%"><a href="https://www.wangyeyuan.com/d-gouwu-s28.html" title="大学生简单京东商城静态网页模板 HTML购物网页设计成品下载" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.wangyeyuan.com/uploadfile/202204/3660d1b863758cf.jpg" src="https://www.wangyeyuan.com/uploadfile/202204/3660d1b863758cf.jpg" alt="大学生简单京东商城静态网页模板 HTML购物网页设计成品下载"></a></div>
</div>
<div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a href="https://www.wangyeyuan.com/d-gouwu-s28.html" title="大学生简单京东商城静态网页模板 HTML购物网页设计成品下载" rel="bookmark">大学生简单京东商城静态网页模板 HTML购物网页设计成品下载</a> </h2>
</header>
<div class="entry-footer">
<div class="entry-meta">
<span class="meta-category"><i class="fa fa-user"></i> DW模板网</span>
<span class="meta-date"><i class="fa fa-money-bill-alt"></i> 10.00 元</time></span>
<span class="meta-views"><i class="fa fa-eye"></i> 215</span> </div>
</div>
</div>
</article>
</div>
<div class="col-lg-6 col-12">
<article id="post-77" class="post post-list post-77 type-post status-publish format-standard hentry category-xunrbj">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%"><a href="https://www.wangyeyuan.com/d-banji-s2.html" title="学生培训班网页设计作业模板 HTML静态网页成品带注册登录" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.wangyeyuan.com/uploadfile/202202/0137c1bf6111a09.jpg" src="https://www.wangyeyuan.com/uploadfile/202202/0137c1bf6111a09.jpg" alt="学生培训班网页设计作业模板 HTML静态网页成品带注册登录"></a></div>
</div>
<div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a href="https://www.wangyeyuan.com/d-banji-s2.html" title="学生培训班网页设计作业模板 HTML静态网页成品带注册登录" rel="bookmark">学生培训班网页设计作业模板 HTML静态网页成品带注册登录</a> </h2>
</header>
<div class="entry-footer">
<div class="entry-meta">
<span class="meta-category"><i class="fa fa-user"></i> DW模板网</span>
<span class="meta-date"><i class="fa fa-money-bill-alt"></i> 10.00 元</time></span>
<span class="meta-views"><i class="fa fa-eye"></i> 251</span> </div>
</div>
</div>
</article>
</div>
<div class="col-lg-6 col-12">
<article id="post-77" class="post post-list post-77 type-post status-publish format-standard hentry category-xunrbj">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%"><a href="https://www.wangyeyuan.com/d-qiche-s44.html" title="汽车百科网页成品 大学生html购物网站设计作业" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.wangyeyuan.com/uploadfile/202210/1bf5f32477ca8c9.jpg" src="https://www.wangyeyuan.com/uploadfile/202210/1bf5f32477ca8c9.jpg" alt="汽车百科网页成品 大学生html购物网站设计作业"></a></div>
</div>
<div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a href="https://www.wangyeyuan.com/d-qiche-s44.html" title="汽车百科网页成品 大学生html购物网站设计作业" rel="bookmark">汽车百科网页成品 大学生html购物网站设计作业</a> </h2>
</header>
<div class="entry-footer">
<div class="entry-meta">
<span class="meta-category"><i class="fa fa-user"></i> DW模板网</span>
<span class="meta-date"><i class="fa fa-money-bill-alt"></i> 30.00 元</time></span>
<span class="meta-views"><i class="fa fa-eye"></i> 35</span> </div>
</div>
</div>
</article>
</div>
<div class="col-lg-6 col-12">
<article id="post-77" class="post post-list post-77 type-post status-publish format-standard hentry category-xunrbj">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%"><a href="https://www.wangyeyuan.com/d-jieri-s43.html" title="航天日网页设计制作 大学生航天网页制作模板" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.wangyeyuan.com/uploadfile/202210/c44f3d79fcaa5cc.jpg" src="https://www.wangyeyuan.com/uploadfile/202210/c44f3d79fcaa5cc.jpg" alt="航天日网页设计制作 大学生航天网页制作模板"></a></div>
</div>
<div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a href="https://www.wangyeyuan.com/d-jieri-s43.html" title="航天日网页设计制作 大学生航天网页制作模板" rel="bookmark">航天日网页设计制作 大学生航天网页制作模板</a> </h2>
</header>
<div class="entry-footer">
<div class="entry-meta">
<span class="meta-category"><i class="fa fa-user"></i> DW模板网</span>
<span class="meta-date"><i class="fa fa-money-bill-alt"></i> 10.00 元</time></span>
<span class="meta-views"><i class="fa fa-eye"></i> 66</span> </div>
</div>
</div>
</article>
</div>
<div class="col-lg-6 col-12">
<article id="post-77" class="post post-list post-77 type-post status-publish format-standard hentry category-xunrbj">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%"><a href="https://www.wangyeyuan.com/d-geren-s42.html" title="静态HTML个人博客主页成品 学生个人网页作业模板" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.wangyeyuan.com/uploadfile/202210/c030032073805bf.jpg" src="https://www.wangyeyuan.com/uploadfile/202210/c030032073805bf.jpg" alt="静态HTML个人博客主页成品 学生个人网页作业模板"></a></div>
</div>
<div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a href="https://www.wangyeyuan.com/d-geren-s42.html" title="静态HTML个人博客主页成品 学生个人网页作业模板" rel="bookmark">静态HTML个人博客主页成品 学生个人网页作业模板</a> </h2>
</header>
<div class="entry-footer">
<div class="entry-meta">
<span class="meta-category"><i class="fa fa-user"></i> DW模板网</span>
<span class="meta-date"><i class="fa fa-money-bill-alt"></i> 10.00 元</time></span>
<span class="meta-views"><i class="fa fa-eye"></i> 54</span> </div>
</div>
</div>
</article>
</div>
<div class="col-lg-6 col-12">
<article id="post-77" class="post post-list post-77 type-post status-publish format-standard hentry category-xunrbj">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%"><a href="https://www.wangyeyuan.com/d-wenhua-s41.html" title="历史文化遗产网页设计案例 历史文化网站的设计与实现" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.wangyeyuan.com/uploadfile/202210/4d84e34e3b2d8f6.jpg" src="https://www.wangyeyuan.com/uploadfile/202210/4d84e34e3b2d8f6.jpg" alt="历史文化遗产网页设计案例 历史文化网站的设计与实现"></a></div>
</div>
<div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a href="https://www.wangyeyuan.com/d-wenhua-s41.html" title="历史文化遗产网页设计案例 历史文化网站的设计与实现" rel="bookmark">历史文化遗产网页设计案例 历史文化网站的设计与实现</a> </h2>
</header>
<div class="entry-footer">
<div class="entry-meta">
<span class="meta-category"><i class="fa fa-user"></i> DW模板网</span>
<span class="meta-date"><i class="fa fa-money-bill-alt"></i> 20.00 元</time></span>
<span class="meta-views"><i class="fa fa-eye"></i> 56</span> </div>
</div>
</div>
</article>
</div>
<div class="col-lg-6 col-12">
<article id="post-77" class="post post-list post-77 type-post status-publish format-standard hentry category-xunrbj">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%"><a href="https://www.wangyeyuan.com/d-jieri-s40.html" title="传统节日网页成品 端午节介绍网页设计作业模板代码" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.wangyeyuan.com/uploadfile/202210/c69bf484046086e.jpg" src="https://www.wangyeyuan.com/uploadfile/202210/c69bf484046086e.jpg" alt="传统节日网页成品 端午节介绍网页设计作业模板代码"></a></div>
</div>
<div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a href="https://www.wangyeyuan.com/d-jieri-s40.html" title="传统节日网页成品 端午节介绍网页设计作业模板代码" rel="bookmark">传统节日网页成品 端午节介绍网页设计作业模板代码</a> </h2>
</header>
<div class="entry-footer">
<div class="entry-meta">
<span class="meta-category"><i class="fa fa-user"></i> DW模板网</span>
<span class="meta-date"><i class="fa fa-money-bill-alt"></i> 20.00 元</time></span>
<span class="meta-views"><i class="fa fa-eye"></i> 34</span> </div>
</div>
</div>
</article>
</div>
<div class="col-lg-6 col-12">
<article id="post-77" class="post post-list post-77 type-post status-publish format-standard hentry category-xunrbj">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 66.666666666667%"><a href="https://www.wangyeyuan.com/d-geren-s39.html" title="学生个人摄影作品集网页成品模板代码" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.wangyeyuan.com/uploadfile/202210/7c915d5ba96c58a.jpg" src="https://www.wangyeyuan.com/uploadfile/202210/7c915d5ba96c58a.jpg" alt="学生个人摄影作品集网页成品模板代码"></a></div>
</div>
<div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a href="https://www.wangyeyuan.com/d-geren-s39.html" title="学生个人摄影作品集网页成品模板代码" rel="bookmark">学生个人摄影作品集网页成品模板代码</a> </h2>
</header>
<div class="entry-footer">
<div class="entry-meta">
<span class="meta-category"><i class="fa fa-user"></i> DW模板网</span>
<span class="meta-date"><i class="fa fa-money-bill-alt"></i> 10.00 元</time></span>
<span class="meta-views"><i class="fa fa-eye"></i> 55</span> </div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
<div class="sidebar-column col-lg-3">
<aside id="secondary" class="widget-area">
<div id="recent-comments-2" class="widget widget_recent_comments">
<h5 class="widget-title">相关资讯</h5>
<ul id="recentcomments">
<li class="recentcomments"><span class="comment-author-link"> · </span><a href="https://www.wangyeyuan.com/w-ketang-s26.html" target="_blank">Dreamweaver怎么裁剪图片? dw编辑图片的技巧（简单制作html静态网页）</a></li>
<li class="recentcomments"><span class="comment-author-link"> · </span><a href="https://www.wangyeyuan.com/w-ketang-s6.html" target="_blank">学生HTML网页设计添加插入背景音乐的简单代码</a></li>
<li class="recentcomments"><span class="comment-author-link"> · </span><a href="https://www.wangyeyuan.com/w-ketang-s22.html" target="_blank">dreamweaver cs5怎么创建CSS规则?（dw网页代码）</a></li>
<li class="recentcomments"><span class="comment-author-link"> · </span><a href="https://www.wangyeyuan.com/w-ketang-s31.html" target="_blank">Dreamweaver编辑网页预览的时候显示乱码该怎么办?（dw网页制作）</a></li>
<li class="recentcomments"><span class="comment-author-link"> · </span><a href="https://www.wangyeyuan.com/w-ketang-s23.html" target="_blank">Dreamweaver CC2019代码怎么快速对齐?（网页毕业设计）</a></li>
<li class="recentcomments"><span class="comment-author-link"> · </span><a href="https://www.wangyeyuan.com/w-ketang-s14.html" target="_blank">Dw CC 2018速记css样式怎么关闭列表样式?（html简单网页）</a></li>
</ul>
</div>
<div id="dwmoban_com_widget_cats_item-5" class="widget dwmoban_com-widget-categories">
<ul class="categories">
<li class="cat-item"> <a class="inner" href="https://www.wangyeyuan.com/d-geren.html">
<div class="thumbnail"><img alt="个人" src="/static/assets/images/nopic.gif"></div>
<div class="content">
<h5 class="title">个人</h5>
</div>
</a> </li>
<li class="cat-item"> <a class="inner" href="https://www.wangyeyuan.com/d-banji.html">
<div class="thumbnail"><img alt="班级" src="/static/assets/images/nopic.gif"></div>
<div class="content">
<h5 class="title">班级</h5>
</div>
</a> </li>
<li class="cat-item"> <a class="inner" href="https://www.wangyeyuan.com/d-xiaoyuan.html">
<div class="thumbnail"><img alt="校园" src="/static/assets/images/nopic.gif"></div>
<div class="content">
<h5 class="title">校园</h5>
</div>
</a> </li>
<li class="cat-item"> <a class="inner" href="https://www.wangyeyuan.com/d-yingshi.html">
<div class="thumbnail"><img alt="影视" src="/static/assets/images/nopic.gif"></div>
<div class="content">
<h5 class="title">影视</h5>
</div>
</a> </li>
<li class="cat-item"> <a class="inner" href="https://www.wangyeyuan.com/d-yinle.html">
<div class="thumbnail"><img alt="音乐" src="/static/assets/images/nopic.gif"></div>
<div class="content">
<h5 class="title">音乐</h5>
</div>
</a> </li>
<li class="cat-item"> <a class="inner" href="https://www.wangyeyuan.com/d-dongman.html">
<div class="thumbnail"><img alt="动漫" src="/static/assets/images/nopic.gif"></div>
<div class="content">
<h5 class="title">动漫</h5>
</div>
</a> </li>
<li class="cat-item"> <a class="inner" href="https://www.wangyeyuan.com/d-youxi.html">
<div class="thumbnail"><img alt="游戏" src="/static/assets/images/nopic.gif"></div>
<div class="content">
<h5 class="title">游戏</h5>
</div>
</a> </li>
<li class="cat-item"> <a class="inner" href="https://www.wangyeyuan.com/d-wenhua.html">
<div class="thumbnail"><img alt="文化" src="/static/assets/images/nopic.gif"></div>
<div class="content">
<h5 class="title">文化</h5>
</div>
</a> </li>
<li class="cat-item"> <a class="inner" href="https://www.wangyeyuan.com/d-keji.html">
<div class="thumbnail"><img alt="科技" src="/static/assets/images/nopic.gif"></div>
<div class="content">
<h5 class="title">科技</h5>
</div>
</a> </li>
<li class="cat-item"> <a class="inner" href="https://www.wangyeyuan.com/d-gouwu.html">
<div class="thumbnail"><img alt="购物" src="/static/assets/images/nopic.gif"></div>
<div class="content">
<h5 class="title">购物</h5>
</div>
</a> </li>
<li class="cat-item"> <a class="inner" href="https://www.wangyeyuan.com/d-tiyu.html">
<div class="thumbnail"><img alt="体育" src="/static/assets/images/nopic.gif"></div>
<div class="content">
<h5 class="title">体育</h5>
</div>
</a> </li>
<li class="cat-item"> <a class="inner" href="https://www.wangyeyuan.com/d-qiche.html">
<div class="thumbnail"><img alt="汽车" src="/static/assets/images/nopic.gif"></div>
<div class="content">
<h5 class="title">汽车</h5>
</div>
</a> </li>
<li class="cat-item"> <a class="inner" href="https://www.wangyeyuan.com/d-qiye.html">
<div class="thumbnail"><img alt="企业" src="/static/assets/images/nopic.gif"></div>
<div class="content">
<h5 class="title">企业</h5>
</div>
</a> </li>
<li class="cat-item"> <a class="inner" href="https://www.wangyeyuan.com/d-meishi.html">
<div class="thumbnail"><img alt="美食" src="/static/assets/images/nopic.gif"></div>
<div class="content">
<h5 class="title">美食</h5>
</div>
</a> </li>
<li class="cat-item"> <a class="inner" href="https://www.wangyeyuan.com/d-jiaxiang.html">
<div class="thumbnail"><img alt="家乡" src="/static/assets/images/nopic.gif"></div>
<div class="content">
<h5 class="title">家乡</h5>
</div>
</a> </li>
</ul>
</div>
</aside>
<!-- #secondary -->
</div>
</div>
</div>
</main>
<!-- #main -->
<div id="dwmoban_com_module_parallax-6" class="section dwmoban_com-widget-parallax">
<div class="container">
<div class="module parallax"> <img class="jarallax-img" data-src="https://www.wangyeyuan.com/static/dwmoban/image/member.jpg" src="https://www.wangyeyuan.com/static/dwmoban/image/member.jpg" alt="大学生静态网页设计制作">
<div class="container">
<h4 class="entry-title">DW模板网专注于大学生静态网页设计制作</h4>
<a class="btn btn-danger" href="https://www.wangyeyuan.com/d-wangye.html" target="_blank" rel="nofollow noopener noreferrer" style="color:#fff;"><i class="fa fa-css3"></i> 网页成品</a>
<a class="btn btn-light" href="https://wpa.qq.com/msgrd?v=3&uin=7523350&site=qq&menu=yes" target="_blank" rel="nofollow noopener noreferrer" style="color:#000;"><i class="fa fa-houzz"></i> 定制咨询</a> </div>
</div>
</div>
</div>
<footer class="site-footer">
<div class="footer-widget d-none d-lg-block">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md">
<div class="footer-info">
<div class="logo mb-2"><img class="logo" src="https://www.wangyeyuan.com/uploadfile/202202/69d0dced3f7b1f7.png" alt="DW网页园"></div>
<p class="desc mb-0">DW模板网提供HTML静态网页作业成品下载，大学生网页设计作业代做网站毕业设计DIV CSS网站定制，简单学生dw个人网页制作。</p>
</div>
</div>
<div class="col-lg-9 col-auto widget-warp">
<div class="d-flex justify-content-xl-between">
<div id="dwmoban_com_widget_btns-2" class="widget ripro-v2-widget-btns">
<h5 class="widget-title">资源下载</h5>
<a target="_blank" class="btn btn-light btn-block btn-sm" href="https://www.wangyeyuan.com/d-wangye.html" rel="nofollow noopener noreferrer">静态网页</a>
<!-- <a target="_blank" class="btn btn-light btn-block btn-sm" href="" rel="nofollow noopener noreferrer">论文模板</a> -->
<a target="_blank" class="btn btn-light btn-block btn-sm" href="https://www.stu-works.com/html" rel="nofollow noopener noreferrer">原创作品</a>
</div>
<div id="dwmoban_com_widget_btns-4" class="widget ripro-v2-widget-btns">
<h5 class="widget-title">常见问题</h5>
<a target="_blank" class="btn btn-light btn-block btn-sm" href="" rel="nofollow noopener noreferrer">如何下载</a>
<a target="_blank" class="btn btn-light btn-block btn-sm" href="" rel="nofollow noopener noreferrer">作品运行</a>
<a target="_blank" class="btn btn-light btn-block btn-sm" href="" rel="nofollow noopener noreferrer">网页修改</a> </div>
<div id="dwmoban_com_widget_btns-3" class="widget ripro-v2-widget-btns">
<h5 class="widget-title">资讯动态</h5>
<a target="_blank" class="btn btn-light btn-block btn-sm" href="" rel="nofollow noopener noreferrer">网站公告</a>
<a target="_blank" class="btn btn-light btn-block btn-sm" href="https://www.wangyeyuan.com/w-ketang.html" rel="nofollow noopener noreferrer">技术课堂</a>
<a target="_blank" class="btn btn-light btn-block btn-sm" href="" rel="nofollow noopener noreferrer">帮助中心</a>
</div>
<div id="media_image-2" class="widget widget_media_image">
<h5 class="widget-title">微信咨询</h5>
<img width="120" height="120" src="https://www.wangyeyuan.com/uploadfile/202204/885aadc05d0caa7.jpg" class="image wp-image-11282 attachment-120x120 size-120x120" alt="客服微信" loading="lazy" style="max-width: 100%; height: auto;" title="客服微信二维码"> </div>
<div id="media_image-3" class="widget widget_media_image">
<h5 class="widget-title">手机访问</h5>
<img width="120" height="120" src="https://www.wangyeyuan.com/index.php?s=api&c=api&m=qrcode&thumb=&text=https%3A%2F%2Fwww.wangyeyuan.com%2F&size=5&level=H " class="image wp-image-11282 attachment-120x120 size-120x120" alt="dreamweaver 怎么在网页中使用div展示图片效果?（学生个人网页制作）-DW网页园" loading="lazy" style="max-width: 100%; height: auto;" title="当前页面二维码"> </div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-copyright d-flex text-center">
<div class="container">
<p class="m-0 small">Copyright © 2022<a href="https://www.wangyeyuan.com/" rel="nofollow" target="_blank">DW模板网</a> - All rights reserved <span class="siteicp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="noreferrer nofollow">冀ICP备18035311号</a></span><a href="/sitemap.xml" rel="nofollow" target="_blank">SITEMAP</a><a href="/sitemap.txt" rel="nofollow" target="_blank">网站地图</a></p>
</div>
</div>
</footer>
<!-- #footer -->
<!-- #page -->
<div class="rollbar">
<ul class="actions">
<li> <a target="_blank" href="https://wpa.qq.com/msgrd?v=3&uin=7523350&site=qq&menu=yes" rel="nofollow noopener noreferrer" data-toggle="tooltip" data-html="true" data-placement="left" title="QQ咨询：7523350"><i class="fa fa-qq"></i></a> </li>
<li> <a href="/index.php?s=member" rel="nofollow noopener noreferrer" data-toggle="tooltip" data-html="true" data-placement="left" title="会员中心"><i class="far fa-user"></i></a> </li>
</ul>
<div class="rollbar-item back-to-top"> <i class="fas fa-chevron-up"></i> </div>
</div>
<div class="m-menubar">
<ul>
<li><a href="https://www.wangyeyuan.com/" rel="nofollow noopener noreferrer"><i class="fas fa-home"></i>首页</a></li>
<li><a href="https://www.wangyeyuan.com/d-wangye.html" rel="nofollow noopener noreferrer"><i class="fas fa-layer-group"></i>网页</a></li>
<!-- <li><a href="" rel="nofollow noopener noreferrer"><i class="fab fa-ello"></i>论文</a></li> -->
<li><a href="https://work.weixin.qq.com/kfid/kfcbcb7aebd183f0399" rel="nofollow noopener noreferrer"><i class="fas fa-user"></i>客服</a></li>
<li><a href="javascript:;" class="back-to-top" rel="nofollow noopener noreferrer"><i class="fas fa-chevron-up"></i>顶部<span></span></a></li>
</ul>
</div>
<div id="omnisearch" class="omnisearch">
<div class="container">
<form class="omnisearch-form" action="/index.php" method="get">
<div class="form-group">
<div class="input-group input-group-merge input-group-flush">
<input type="hidden" name="s" value="api">
<input type="hidden" name="c" value="api">
<input type="hidden" name="m" value="search">
<input type="hidden" name="dir" id="dr_search_module_dir" >
<button id="dr_search_module_name" type="button" class="btn dropdown-toggle bs-placeholder btn-white dropdown bootstrap-select" data-toggle="dropdown" aria-expanded="false">
<i class="fa fa-angle-down"></i>
</button>
<ul class="dropdown-menu">
<li class="level-0"><a class="dropdown-item" href="javascript:dr_search_module_select('news', '内容');"> 内容 </a></li>
</ul>
<input type="text" class="search-ajax-input form-control" name="keyword" placeholder="输入关键词 回车搜索...">
<button class="btn default" type="submit"> <i class="fa fa-search"></i> </button>
</div>
</div>
</form>
</div>
</div>
<div class="dimmer"></div>
<div class="off-canvas">
<div class="canvas-close"><i class="fas fa-times"></i></div>
<div class="mobile-menu d-block d-xl-none d-lg-none"></div>
</div>
<script src="https://www.wangyeyuan.com/static/dwmoban/js/highlight.pack.js"></script>
<script src="https://www.wangyeyuan.com/static/dwmoban/js/popper.min.js"></script>
<script src="https://www.wangyeyuan.com/static/dwmoban/js/bootstrap.min.js"></script>
<script src="https://www.wangyeyuan.com/static/dwmoban/js/plugins.js"></script>
<script id="app-js-extra">
var dwmoban = {
"home_url": "https://www.nongjige.cn/",
"is_qq_captcha": "0",
"is_single_gallery": "0",
"site_notice": {
"is": "1",
"color": "#5b5b5b",
"html": "<div class=\"notify-content\"><h3><i class=\"fa fa-bell-o mr-2\"><\/i>如遇问题，可联系客服咨询<\/h3><div>遇到问题可联系客服 QQ：7523350 或 微信：https://work.weixin.qq.com/kfid/kfcbcb7aebd183f0399 咨询反馈。<\/div><\/div>"
},
"jquey": "1",
};
</script>
<script>
// 这段js是用来执行搜索的
function dr_search_module_select(dir, name) {
$("#dr_search_module_dir").val(dir);
$("#dr_search_module_name").html(name+'');
}
dr_search_module_select('news', '内容');
</script>
<script src="https://www.wangyeyuan.com/static/dwmoban/js/app.js"></script>
<script src="https://www.wangyeyuan.com/static/dwmoban/js/hls.js"></script>
<script src="https://www.wangyeyuan.com/static/dwmoban/js/jarallax.min.js"></script>
<script src="https://www.wangyeyuan.com/static/dwmoban/js/jarallax-video.min.js"></script>
<script src="https://www.wangyeyuan.com/static/dwmoban/js/lightgallery.min.js"></script>
<script>
lightGallery(document.getElementById('lightgallery'));
function DownLoadToggle(){
$(".dwmoban_download_hide_box").fadeToggle();
$(".dwmoban_download_box").fadeToggle();
}
</script>
</body>
</html> 