背景

最新推荐文章于 2024-07-19 10:36:15 发布

人心善变CTE

最新推荐文章于 2024-07-19 10:36:15 发布

阅读量94

点赞数

本文链接：https://blog.csdn.net/rxsb_12/article/details/115295109

版权

HTML CSS 背景样式滚动显示背景图片

关键词由CSDN通过智能技术生成

<html>
	<head>
		<meta charset="utf-8" />
		<title>背景</title>
		<style>
			.box{
				width:1500px;
				height:1500px;
				border:1px solid black;
				margin:auto;
				color:#fff;
				font-size:35px;
				overflow:scroll; /* 超出部分滚动显示 */
				/* 设置背景颜色 background背景 color颜色 */
				/* background-color:颜色的英语单词/rgba(红色数字,绿色数字,蓝色数字,透明色)/#f0f # #ff00ff
				0~255;透明色:0~1 */
				background-color:rgba(255,0,0,.5) /* #ff0000 red */;
				/* background-image:背景图片 ur1(图片地址) */
				background-image: url('img/1.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/1.jpg')no-repeat fixed center center/50% 50%;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<p>hfhhfhfhf</p>
			<p>bcvbxvcbcc</p>
			<p>bcvbxvcbcc</p>
			<p>bcvbxvcbcc</p>
			<p>bcvbxvcbcc</p>
			<p>bcvbxvcbcc</p>
			<p>bcvbxvcbcc</p>
			<p>bcvbxvcbcc</p>
			<p>bcvbxvcbcc</p>
			<p>bcvbxvcbcc</p>
			<p>bcvbxvcbcc</p>
			<p>bcvbxvcbcc</p>
			<p>bcvbxvcbcc</p>
		</div>
	</body>
</html>