2021-03-29

最新推荐文章于 2024-09-15 10:24:49 发布

北路有点堵车*

最新推荐文章于 2024-09-15 10:24:49 发布

阅读量43

点赞数

分类专栏：学习笔记笔记文章标签： html

本文链接：https://blog.csdn.net/d13368568386/article/details/115295090

版权

学习笔记同时被 2 个专栏收录

23 篇文章 0 订阅

订阅专栏

笔记

19 篇文章 0 订阅

订阅专栏

背景

<html>
	<head>
		<meta charset="utf-8" />
		<title>背景</title>
		<style>
			.box{
				width: 1500px;
				height: 1600px;
				border: 1px solid black;
				margin: auto;
				/*设置背景颜色 background背景  color颜色*/
				/*background-color:颜色的英语单词/rgba(红色数字,绿色数字,蓝色数字,透明色)
				/#000/红色数字/绿色数字/绿色数字:0~255;透明色0~1*/
				background-color:#000000;
				/*background-image 背景图片  url(图片地址)*/
				background-image: url('img/Desert.jpg');
				/*background-repeat:重复显示,no-repeat/repeat/repeat-x/repeat-y;*/
				background-repeat: no-repeat;
				color:mediumspringgreen;
				font-size:35px;
				overflow:scroll;/*超出部分滚动显示*/
				background-attachment:fixed;/*fixed背景固定 scorll背景滚动（默认值*/
				/*background-position:方位词(top/bottom/left/center),100%,50% 100px 200px*/
				background-position:center center;
				/*background-size:图片大小 数值大小、百分比*/
				background-size:100% 100%;
				background: url('img/Desert.jpg') no-repeat fixed center center/50% 50%;
			}
		</style>
	</head>
	<body>
		<div class="box">
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		<p>白天哈哈哈晚上哇哇哇</p>
		</div>
	</body>
</html>