怎么定位html的坐标,css怎么定位图片的位置?

a59d36c99bcf609eca0b26ec386c2714.png

css怎么定位图片的位置?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

css定位img图片的位置

在css中,可以使用position属性配合top、bottom、left、right属性来定位img图片的位置

position属性指定一个元素(静态的,相对的,绝对或固定)的定位方法的类型。

d355970472bbf939d330632c448da889.png

示例:

.pos_abs {

position: fixed;

left: 100px;

top: 120px

}

p{

height: 100px;

background-color: palegoldenrod;

}

p.p2{

margin-top:120px ;

}

1.jpg

相对于浏览器窗口来对元素进行定位

相对于浏览器窗口来对元素进行定位

b1cbbdbc029ded075ea9ce53d8d1cc9c.png

css定位背景图片的位置

在css中,可以使用background-position属性来定位背景图片的位置

background-position属性设置背景图像的起始位置。

注意对于这个工作在Firefox和Opera,background-attachment必须设置为 "fixed(固定)".

fb7bc407c8d14fc4ba8808cdb412fee3.png

示例:

body

{

background-image: url('smiley.gif');

background-repeat: no-repeat;

background-attachment:fixed;

background-position: 50px 100px;

}

28a8fa7448b5bffc59f41593b92230ea.png

想要了解更多相关知识,可访问 前端学习网站!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值