网页基础（十三）背景

最新推荐文章于 2023-03-12 16:38:04 发布

@大娱乐家

最新推荐文章于 2023-03-12 16:38:04 发布

阅读量65

点赞数

本文链接：https://blog.csdn.net/qq_41440413/article/details/104531832

版权

            background-color 设置背景颜色
           background-image 设置背景图片
           如果背景图片小于元素大小默认将背景图片平铺充满屏幕
           背景图片大于元素大小默认显示图片的左上角
           background-repeat 设置背景图是否平铺
           repeat 设置背景图平铺默认
           repeat-x 背景图x轴平铺
           repeat-y 背景图y轴平铺
           no-repeat 不平铺

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>背景</title>
		<!--
        	作者：770267939@qq.com
        	时间：2020-02-27
        	描述：background-color 设置背景颜色
        	background-image 设置背景图片
        	如果背景图片小于元素大小 默认将背景图片平铺充满屏幕
        	背景图片大于元素大小 默认显示图片的左上角
        	background-repeat 设置背景图是否平铺
        	repeat 设置背景图平铺 默认
        	repeat-x 背景图x轴平铺
        	repeat-y 背景图y轴平铺
        	no-repeat 不平铺
        -->
		<style>
			h1{
				background-color: red;
			}
			p{
				background-color: purple;
			}
			div{
				width: 1000px;
				height: 800px;
				/*设置背景图片*/
				/*设置图片不平铺*/
			
				background-image: url(../img/2.gif);
				background-repeat: no-repeat;
			}
		</style>
	</head>
	<body>
		<h1>这是标题1</h1>
		<p>这是段落1</p>
		<div></div>
	</body>
</html>

@大娱乐家

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页基础（十三）背景

background-color 设置背景颜色 background-image 设置背景图片如果背景图片小于元素大小默认将背景图片平铺充满屏幕背景图片大于元素大小默认显示图片的左上角 background-repeat 设置背景图是否平铺 rep...
复制链接

扫一扫