htm+css案例之活动通知

最新推荐文章于 2024-05-26 10:53:52 发布

轨道骑士

最新推荐文章于 2024-05-26 10:53:52 发布

阅读量1.1k

点赞数 2

文章标签： html css html5 web

本文链接：https://blog.csdn.net/qq_43696174/article/details/124018812

版权

<head>
	<meta charset="UTF-8">
	<title></title>
	<link href="css/normalize.css">
	<style>
		@font-face {
			font-family: 'FZj';
			src: url('css/FZJZJW.ttf');		
			}
		
		.body {
			width: 1400px;
			height: 650px;
			background-color: #fffff;
			border: 1px orange solid;
			margin: 0 auto;
		}
		
		.head {
			text-align: center;
			font-family:'FZj' ;
		}
		.head h3{
			font-size:32px;
			text-indent: 10px;
			text-shadow:none #128095;
			color:#19788a;
		}
		.center p 
		{
			color:#19788a; line-height: 28px;font-family:'楷体' ;
		}
		.ji p,ul{
			color:#19788a;font-family:'楷体';
			line-height: 28px;
		}
		b{
			color: black; background-color: yellow;
		}
	</style>
</head>

<body>
	<div class="body">
		<div class="head">
			<h3>活动通知</h3>
			<h4 style="font-family:'楷体';color:#8eacb7">————第一期员工活动主题为“放飞身心 踏青徒步”</h4>
		     <hr style="width: 1380px;">
		</div>
		<div class="center">
			<p >各位公司同仁：</p>
			<p style="text-indent: 30px;">

首期员工活动在春暖花开、阳光明媚的五月正式开始，
邀请大家走出钢筋水泥的大森林，享受阳光、亲近自然、
放松心情，舒展内容是踏青徒步。踏青徒步活动时间为5月6日。</b

			<ul style="list-style: none;vertical-align: middle; float: right;margin-right: 120px;  ">
				<p style="font-family: 'FZj';">1、安排如下</p>
				<li>● <b>13:00</b>在公司门口集合；</li>
				<li>● <b>13:30</b>集体徒步前往目的地；</li>
				<li>● <b>16:30</b>活动结束，大家可以自由活动。</li>
				<P style="font-family: 'FZj';">2、活动须知</p>
				<li>● 各位同事提前安排好工作，如因工作原因不能参加本次活动的人员请通
       知行政人事部；</li>
				<li>● 公司为所有参与人员准备饮用水、面包、餐布、扑克等必需物品；</li>
				<li>● 上衣穿着公司统一购买t恤，员工自行选择方便运动、徒步。</li>
			</ul>
		</div>
		<div class="ji" style="text-align: right;">
			<P style="font-family: 'FZj';">行政文化中心</P>
			<p><time>2019年4月22日</time></p>
		</div>
	</div>
</body>

**效果图** ![在这里插入图片描述](https://img-blog.csdnimg.cn/a36984a0822b4d46bbf5711470107bc8.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6L2o6YGT6aqR5aOr,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

轨道骑士

关注

2
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
htm+css案例之活动通知

<head> <meta charset="UTF-8"> <title></title> <link href="css/normalize.css"> <style> @font-face { font-family: 'FZj'; src: url('css/FZJZJW.ttf'); } .body { width: 1400px; height: 650px; ..
复制链接

扫一扫