1. 技术文章
  2. 网页基础（十三）背景

网页基础（十三）背景

由 北城余情 提交于 2020-02-27 13:20:32

            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>

标签
背景图
background
易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!