×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

0755 -
82538016
82560826
网站制作资讯

网站制作时怎么从不同的位置插入图像

文章编辑:网站建设 文章来源:建站行业资讯 浏览量:

  我们在Dreamweaver中插入的图像始终显示在HTML页面中的左上角。如果想让插入的图像显示在HTML页面的中间位置,深圳网站制作公司应该如何操作呢?
  让我们返回到Dreamweaver操作界面,切换到设计视图。单击选中插入的图像,然后选择“格式”→“对齐”→“居中对齐”命令,如图4.11所示,这样我们在HTML页面中插入的图像就调整到了中间位置,效果如图4.12所示。
  返回到代码视图,我们发现在<img>元素的外边新添加了一个<div>元素,并且设置了该元素的align属性为center。也就是说,此时<img>元素作为<div>元素的内嵌元素,并且居中显示,这样就可以达到图像居中显示的效果。相关代码如下所示:
  以上设置图像位置的方法比较局限,如果要更加灵活的设置图像的位置,可以使用下面的这种设置,效果如图4.13所示。
  在这段代码中,我们添加了style属性,并设置position为absolute,表示当前图像以绝对位置显示,然后设置left属性为100px,top属性为50px,表示当前图像的左上角位置坐标为距离左边界100个像素,距离上边界50个像素,这样就可以灵活控制图像显示的位置了。网站制作公司本文关于“网站制作时怎么从不同的位置插入图像”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。

当前文章链接:/construction/jzhyzx/4166.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。