<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>背景</title>
<Style>
.box{
width: 1500px;
height: 1900px;
border: solid 1px black;
margin: auto;
color: white;
font-size: 35px;
overflow: scroll; /*超出部分滚动显示*/
/*设置背景颜色 background背景 color颜色 image图片*/
/*background-color:颜色的英语单词/rgba(红色数字,绿色数字,蓝色数字,透明色)/#f0f #ff00ff*/
/* 红色数字/绿色数字/蓝色数字:0~225;透明色:0~1*/
background-color: #c0c0c0/*red(255,0,0,.5);*//*red*/;
background-image: url('img/222830bwu2muxhqo28wfx0.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: url('img/222830bwu2muxhqo28wfx0.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>
<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>
<p>放假啦放假啦</p>
<p>放假啦放假啦</p>
<p>放假啦放假啦</p>
<p>放假啦放假啦</p>
<p>放假啦放假啦</p>
<p>放假啦放假啦</p>
</div>
</body>
</html>
2021-3-29
最新推荐文章于 2024-11-08 10:30:00 发布
扫一扫
2987
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
