web前端基础（11html5和css）

最新推荐文章于 2025-02-25 14:09:36 发布

原创最新推荐文章于 2025-02-25 14:09:36 发布 · 191 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

【web前端基础知识】

当前文章被收录于：

【web前端基础知识】

54 篇文章 6 人学习

web前端知识梳理，适合初学者

订阅专栏查看详情

当前文章被以下社区和专栏收录：

这是一个用HTML和CSS编写的简单页面，表达了对中国和武汉的支持和鼓励。页面包含一个标题'中国加油'，一个div元素显示'武汉加油！！！'，以及一张图片。样式使用了CSS3特性，如阴影、背景图片和圆角。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div{
				border: 2px solid red;
				width:300px;
				height:50px;
				border-radius:25px;
				/*水平 负靠左，右靠上  垂直负上正下*/
				box-shadow:10px 10px 5px #7FFFD4
				
				/* css3 */
				background-color:pink;
				background-image:url(img/32.png);
				background-size: 10px;
				background-clip: border-box;
			}
			h1{
				text-shadow: 5px 5px 5px #008000;
			}
			img{
				border-radius: 70px;
			}
		</style>
	</head>
	<body>
		<h1>中国加油</h1>
		<div>武汉加油！！！</div>
		<img src="img/32.png"  />
	</body>
</html>