css中如何将背景图片居中

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在 CSS 中,我们可以使用以下的代码将背景图片居中:background-position: center; background-size: cover; background-repeat: n

在 CSS 中,我们可以使用以下的代码将背景图片居中:

background-position: center;
background-size: cover;
background-repeat: no-repeat; 

其中,background-position 属性可以设置背景图片在元素中的位置,而 center 值可以将背景图片水平和垂直方向都居中显示。

同时,使用 background-size: cover; 属性可以让背景图片完整地覆盖整个元素,而不会被压缩或拉伸。

最后,background-repeat: no-repeat; 属性可以防止背景图片的重复。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中如何将背景图片居中

粉丝

0

关注

0

收藏

0

已有0次打赏