How to realize horizontal and Vertical Center of Picture by background background in css

This article will explain in detail how to achieve the horizontal and vertical center of the picture in the background background in css. The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.

Background background realizes the horizontal and vertical center of the picture

Using background:urlno-repeatcentercenter to realize the horizontal and vertical center of the picture

Div {width:400px; height:200px; border:greensolid1px; background:url (img/logo.png) no-repeatcentercenter;}

Html Code:

This is the end of the article on "how to center the background background horizontally and vertically in css". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it out for more people to see.