天气预报图片制作

最新推荐文章于 2021-06-07 20:27:24 发布

拂柳小清风

最新推荐文章于 2021-06-07 20:27:24 发布

阅读量2.2k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/Great_Wow/article/details/108562141

实例:

实例代码:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Weather Forecast</title>
	<style >
		/*设置外部大盒子的背景图片,宽度,高度*/
		.backimage{
			margin:0 auto;
			width: 790px;
			height: 500px;
			background-image: url(backgroundimage.jpg);
			background-size: cover;
			
		}
		/*第一个小盒子*/
		.one{
			margin:380px 10px 0px;
			width: 130px;
			height: 100px;
			border:4px solid white;
			background-color: #9E9080;
			float: left;
		}
		/*第二个小盒子*/
		.two{
			margin:380px 10px 0px;
			width: 130px;
			height: 100px;
			border:4px solid white;
			background-color: #14305F;
			float: left;
		}/*第三个小盒子*/
		.three{
			margin:380px 10px 0px;
			width: 130px;
			height: 100px;
			border:4px solid white;
			background-color: #51