CSS基础小练习

最新推荐文章于 2024-06-13 21:34:41 发布

Komorebi_9999

最新推荐文章于 2024-06-13 21:34:41 发布

阅读量423

点赞数 5

文章标签： css 前端

本文链接：https://blog.csdn.net/JLY19970726/article/details/135170230

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>圣诞节快乐</title>
		<style>
			/*设置背景色*/
			body{
			
			    background-image:linear-gradient(green 50%,red 50%);
				background-size:100% 30px;
			   }
			
			/*让div在页面居中*/
			#text{
				/*设置字体*/
				font: italic bold  100px "times new roman",sans-serif;
				/*设置字体为透明*/
				color:white;	
			}
			
			#main{
				/*必须要开启绝对定位*/
				position:absolute;
				top:50%;
				left:50%;
			    transform:translateX(-50%) translateY(-50%);
			}
			
		</style>
	</head>
	<body>
	     <div id="main">
	         <div id="text">
				Merry Christmas
		     </div>
	     </div>
   
	</body>
</html>