php背景图片居中对齐命令,css怎么设置背景图片自适应居中

本文介绍了如何使用CSS的background-position属性实现背景图片的垂直和水平居中,通过示例展示了如何将本地图片设置为body的背景并保持固定。特别提示了该属性在Firefox和Opera中的应用,以及相关推荐的CSS教程。
摘要由CSDN通过智能技术生成

css设置背景图片自适应居中的方法:可以借助于background-position属性来进行设置,如【background-positiion:center;】,属性值center表示居中。

237b7b62fa475860635cec5d26ee3e80.png

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

属性介绍:

在css中,如果我们要让一张图片垂直居中显示,那么我们可以使用background-position属性来实现。

属性介绍:

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

例如我们要将本地图片作为背景,并让它居中显示,那么我们可以这样做:

php中文网(php.cn)

body

{

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

background-repeat:no-repeat;

background-attachment:fixed;

background-position:center;

}

注意:该属性工作在 Firefox 和 Opera, background-attachment 属性会被设置为 "fixed"。

相关推荐:CSS教程

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值