css背景图片居中

实践是最好的老师

已于 2024-02-04 11:45:24 修改

阅读量391

点赞数

分类专栏： css 文章标签： css css3

于 2020-10-15 10:16:05 首次发布

本文链接：https://blog.csdn.net/qq_26889291/article/details/109091755

版权

css 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

本文介绍了如何使用CSS的background-position属性精确控制背景图片位置，并展示了不依赖background-image的行内元素居中技巧。通过实例演示了HTML和CSS结合实现布局的方法。

摘要由CSDN通过智能技术生成

1 通过background-position

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>background-position</title> 
<style>
div
{ 
	height:40px;
	width:40px;
	background-color:blue;
	background-image:url('https://www.runoob.com/try/smiley.gif');
	background-repeat:no-repeat;
	background-position:center
}
</style>
</head>