课堂笔记3月29

最新推荐文章于 2022-12-29 17:57:44 发布

蒸汽秋葵y

最新推荐文章于 2022-12-29 17:57:44 发布

阅读量91

点赞数

本文链接：https://blog.csdn.net/y850266/article/details/115295135

版权

html

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