html如何设置图片的位置


本文摘自PHP中文网,作者V,侵删。

html设置图片的位置的方法是,给图片添加background-positon属性,并且设置合适的属性值即可,例如【background-position:center;】。

本文操作环境:windows10系统、html 5、thinkpad t480电脑。

要设置背景图片的位置,可以使用css给我们提供的background-position属性。

bakcground-positon属性是用来设置背景图片的起始位置的。它的常用属性值有:

  • x% y% 第一个值是水平位置,第二个值是垂直。左上角是0%0%。右下角是100%100%。如果仅指定了一个值,其他值将是50%。 。默认值为:0%0%

  • xpos ypos 第一个值是水平位置,第二个值是垂直。左上角是0。单位可以是像素(0px0px)或任何其他 CSS单位。如果仅指定了一个值,其他值将是50%。你可以混合使用%和positions

  • inherit 指定background-position属性设置应该从父元素继承

代码示例:

阅读剩余部分

相关阅读 >>

Html怎么把图片居中

Html怎么自定义列表

Html上下间距怎么调

Html caption标签怎么用

Html之table和select操作(介绍)

如何实现Html不显示下拉列表的箭头

Html如何实现文字的滚动效果

asp去掉Html的方法

Html如何设置页面图标(logo)

实例详解Html如何实现文件间自由切换

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




打赏

取消

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

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

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

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

评论

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