HTML中如何设置图片位置

PHP中文网 JavaScript

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

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

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

Html设置图片位置

1

2

3

4

5

6

7

8

9

10

11

<!DOCTYPE html>

<html>

    <head>

    </head>

 

    <body>

        <img src="img/1.jpg" width="200" height="150" />

        <!--这里的图片路径我放在网页的当前目录-->

    </body>

 

</html>

图片默认位置：

1.png

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

阅读剩余部分

相关阅读 >>

Html怎么设置不缓存

Html中iframe标签有哪些用法

Html文本域标签属性有哪些？Html文本域标签属性用法介绍

Html行内样式字号怎么写

Html单选按钮默认选中怎么做？input标签的单选按钮用法实例

Html是什么的缩写

Html td怎么设置宽度

如何删除内联或内联块元素之间的间隙

Html col标签是什么意思？Html col标签的使用实例介绍

Html根节点是什么

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




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...