HTML第十六次

最新推荐文章于 2024-07-23 23:13:27 发布

常态..

最新推荐文章于 2024-07-23 23:13:27 发布

阅读量35

点赞数

分类专栏：网页前端文章标签： css html url

本文链接：https://blog.csdn.net/weixin_54989803/article/details/115295221

版权

网页前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			.box{
				width: 1500px;
				height: 2000px;
				border: 1px solid black;
				margin: auto;
				color: #FFF;
				font-size: 35px;
				overflow: scroll;
				 /*设置背景颜色background背景    color颜色*/
				 /*background-color:颜色的英语单词/rgba(红色数字,蓝色数字,透明色)/#000000   #f0f # #FF00FF
				 红色数字/绿色数字/蓝色数字:0~255;透明色0~1*/
				background-color:#FF0000/*rgba(255,0,0,.5)*/ /*red*/;
				 /*background-image: 背景图片 url(图片地址);*/
				background-image: url(img/Lighthouse.jpg );
				/*background-size:500px 300px ;*/
				/*background-repeat:重复显示,no-repeat/repeat/repeat-x/repeat-y;*/
				background-repeat:no-repeat;
				background-attachment:fixed ;    /*fixed背景固定  scorll背景滚动(默认值)*/
				/*background-position: 方位词(top/bottom/left/center),100%,50%,100px 200px;*/
				background-position:center center;
				background-size:100% 100% ;
				/*background: 复合写法;*/
				background: url(img/Lighthouse.jpg)no-repeat fixed center center/50% 50%;
			}
		</style>>
	</head>
	<body>
		<div class="box">
		<p>854652</p>
		<p>467542</p>
		<p>464562</p>
		<p>246454</p>
		<p>245666</p>
		<p>245646</p>
		<p>245645</p>
		<p>746545</p>
		<p>746662</p>
		<p>546352</p>
		<p>746452</p>
		<p>746562</p>
		<p>546452</p>
		</div>
	</body>
</html>

常态..

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML第十六次

<html> <head> <meta charset="utf-8" /> <title></title> <style> .box{ width: 1500px; height: 2000px; border: 1px solid black; margin: auto; color: #FFF; font-size: 35px; overflow: scr
复制链接

扫一扫