遇到一个问题，background-color设置后不能显示背景颜色

最新推荐文章于 2024-03-01 04:46:59 发布

瘦影～婆娑

最新推荐文章于 2024-03-01 04:46:59 发布

阅读量438

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/qq_50730327/article/details/130471730

版权

还不知道是什么原因导致的

设置的是grid栅格中块的背景颜色

<style>
		.container{
			display: grid;	
			grid-template-columns: 400px 1fr;
			grid-template-rows: 300px 350px;
			overflow: hidden;
		}
		.container.item1{
			grid-column: 1/2;
			grid-row: 1/2;
			background-color: #ff9c9c; 
		}
		.container.item2{
			grid-column: 2/3;
			grid-row: 1/2;
			background-color: #ffcb70 ;
		}
		.container.item3{
			grid-column: 1/2;
			grid-row: 2/3;
			background-color: #fffd70;
			
		}
		.container.item4{
			
			grid-column: 2/3;
			grid-row: 2/3;
			background-color: #b0ff70;
			float: right;
		}
		.smallHeader{
			font-size: 23px;
			font-weight: bolder;
			
		}
		.container.item2.smallWord{
			
		}
		
	</style>
<div class="container">
			<div class="item1">
				<br><br>
				<img src="1fb04ceca76cbcb2694893def02590e8.jpeg" alt="大数据" width="400" >
			</div>
			<div class="item2">
				<br>
				<p class="smallWord">大数据是依靠网络技术的不断发展而演变形成的，其数据来源主要依靠计算机的信息输入和用户的信息共享。</p>
				<p class="smallWord">基于大数据视角，必须考虑到计算机网络安全所受到的威胁种类，以便进行针对性防范。</p>
				<p class="smallHeader">1.1病毒威胁</p>
				<p class="smallWord">计算机网络病毒有自我复制、传染性以及毁灭性等特点，会导致计算机系统被破坏。一些网络病毒可以同时让几十万的摄像头访问网络，进而导致网络瘫痪。在这些病毒中，木马病毒是用户在上网过程中最难防备的病毒之一。木马病毒经常出现在网络开放终端中，由于其快速滋生的特性，会影响到计算机数据的安全性。</p>
				<p class="smallHeader">1.2黑客攻击 </p>
				<p>黑客攻击主要分为软件节点型和主动型两种。主动型的黑客攻击目标明确，会针对整个计算机系统进行攻击，直到系统崩溃。而软件节点型黑客主要是针对用户的某些文件信息进行攻击，用户的文件可能在毫无察觉的情况下被窃取或破坏。</p>
			</div>
			<div class="item3">
				<br>
				<p class="smallHeader">1.3系统性漏洞</p>
				<p> 计算机软件在开发过程中或多或少都存在一些系统性漏洞，若是有意留下的漏洞便会形成后门。这些系统漏洞或缺陷的存在就为黑客攻击创造了条件，在黑客攻击时会呈现出巨大的破坏性。如果有非法分子觊觎计算机中的文件资料，则会带来巨大的经济损失。</p>
				<p class="smallHeader">1.4钓鱼网站</p>
				<p> 如果用户安全防范意识不足，就会在某些钓鱼网站留下大量的个人信息。这些网站会伪装成看似正规的网站，一旦登录留下信息，个人的财产安全就会受到威胁。</p>
			</div>
			<div class="item4"><img src="c7dad76c70a09f29229514e3bc71fe59.jpeg" alt="大数据" width="600"></div>
			</div>