制作活动通知页面

最新推荐文章于 2024-07-10 16:57:46 发布

coderzmf

最新推荐文章于 2024-07-10 16:57:46 发布

阅读量152

点赞数 3

文章标签： html5 css3

本文链接：https://blog.csdn.net/weixin_64492247/article/details/137615357

版权

本文是一份使用HTML和CSS编写的公司活动通知，详细描述了第一期员工踏青徒步活动的时间、地点安排以及注意事项。

摘要由CSDN通过智能技术生成

源代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>通知</title>
		<style type="text/css">
			@font-face{
				font-family:jinzhi;
				src:url(FZJZJW.TTF);
			}
			body{color:#128095;}
			h3{
				font-family:jianzhi;
				font-size:32px;
				text-align:center;
				letter-spring:10px;
				text-shadow:2px 10px 20 px #CCC;
			}
			h4{
				font-family:"楷体";
				text-align:center;
			}
			p{line-height:28px;}
			.indent{text-indent:2em;}
			.space{white-space:pre;}
			.right{
				text-align:right;
				font-weight:bold;
			}
		</style>
	<body>
		<h3>活动通知</h3>
		<h4>------第一期员工活动主题为“放飞身心 踏青徒步”</h4>
		<hr/>
		<p><strong>各位公司同仁：</strong></p>
		<p class="indent">
			首期员工活动在春暖花开、阳光明媚的五月正式开始，邀请大家走出钢筋水泥的大森林，享受阳光、亲近自然、
			放松心情，进行踏青徒步。
		</p>
		<p class="indent"><mark>踏青徒步活动时间为5月6日</mark></p>
		<img src="taqing.jpg" alt="踏青图片" align="left">
		<p class="space">
			<strong>1、安排如下：</strong>
			<mark>13:00</mark>在公司门口集合。
			<mark>13:30</mark>集体徒步前往目的地。
			<mark>16:30</mark>活动结束，大家可以自由活动。
			<strong>2、活动须知：</strong>
			各位同事提前安排好工作，如因工作原因不能参加本次活动的人员请通知行政人事部。
			公司为所有参加人员准备饮用水、面包、餐布等必需物品。
			上衣穿着公司统一购买的T恤，下身员工可自由选择方便运动、徒步的服装。
		</p>
		<br/>
		<p class="right">行政文化中心<br/>2024年4月10日</p>
	</body>
</html>

效果图：