CSS中背景图片的使用

最新推荐文章于 2023-09-11 11:04:15 发布

越努力越菜

最新推荐文章于 2023-09-11 11:04:15 发布

阅读量543

点赞数

分类专栏： HTML 文章标签： HTML 背景图片 HTML高度

本文链接：https://blog.csdn.net/weixin_42418445/article/details/103406030

版权

HTML 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

背景图片的使用

背景图片使用技巧

背景图片的添加使用background+url() 。在添加之前body的宽度为100%，也就是浏览器的宽度，但是高度为0。因此要给body添加高度为100%，但是100%是相对于body的父元素而言，因此也要给html设置100%的高度，也就是浏览器的高度大小。

具体例子如下所示

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
		html,body{
			margin: 0px;
			height: 100%;
		}
		body{
			background:url(../img/bull.png) ;  
			background-repeat: no-repeat; /* 不平铺 */
			background-position: center center; /*  上下居中显示*/
		}
	</style>
	<body>
		
	</body>
</html>