HTML中如何设置图片位置-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

Html设置图片位置的方法：首先给图片元素添加“position:absolute;”样式，设置图片绝对定位；然后使用left属性设置定位元素左外边距边界与其包含块左边界之间的偏移量；最后使用top属性设置定位元素的顶部偏移量即可。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

Html设置图片位置

<!DOCTYPE html>
<html>
    <head>
    </head>
 
    <body>
        <img src="img/1.jpg" width="200" height="150" />
        <!--这里的图片路径我放在网页的当前目录-->
    </body>
 
</html>

图片默认位置：

使用下面代码，设置图片位置后

相关阅读 >>

手把手教你使用css给Html字体添加边框效果（代码分享）

Html怎么给button设置图片

Html如何设置段落空两格

更多相关阅读请进入《Html》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » HTML中如何设置图片位置

HTML中如何设置图片位置

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论