简单通知制作

要使用html写通知就要先使用h1标签来做一个标题

就比如<h1>通知</h1>

如果只是单一的一个文字,那就没有效果,是不好看的,所以我们就使用text-shadow来设一个阴影

text-shadow: 2px 10px 20px black;

参数分别为向左右,向上下的偏移量,模糊程度,阴影颜色

还可以设置文字颜色

color:green; #将文字颜色设为绿色

以下是全部代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>通知</title>
    <style>
        h1{text-align: center;
        font-family:"华文行楷";
        text-shadow: 2px 10px 20px black;
        }
        body{color:green;
        font-size: 20px;}
        .ident{text-indent:2em;}
        p{white-space:pre;
        line-height: 50px}
        .right{text-align: right;
font-weight: bold;
        }


    </style>
</head>
<body>

<h1>活动通知</h1>
<h2 align="center">------第一期员工活动主题为“放飞身心,踏青徒步”</h2>
<hr color="rgb(56,80,256)">
<h3>各位公司同仁:</h3>
<p class="ident">首期员工活动在春暖花开,阳光明媚的五月正式开始,邀请大家走出钢筋的水泥的大森林,享受阳光、亲近自然、放松心情、进行踏青徒步,<mark>踏青徒步活动时间为5月6日。</p>
<img src="https://img2.baidu.com/it/u=293342117,3185805991&fm=26&fmt=auto" alt="图片" align="left" title="图片1 " hspace="20px" width="700px" height="500px">
<p> <strong>1.安排如下</strong>
    ● <mark>13:00</mark>在公司门口集合;
    ● <mark>13:30</mark>集体徒步前往目的地;
    ● <mark>16:30</mark>活动结束,大家可以自由活动。
    <strong>2.活动须知</strong>
    ● 各位同事提前安排好工作,如因工作原因不能参加本次活动的人员请通知行政人事部;
    ● 公司为所有参与人员准备饮用水、面包、餐布、扑克等必须物品;
    ● 上衣穿着公司统一购买T恤,员工自行选择方便运动、徒步。
</p>
<p class="right">行政文化中心<br/>2019年4月22日</p>
</body>
</html>
© 版权声明
THE END
喜欢就支持一下吧
点赞0
分享
评论 抢沙发
helin的头像-余心资源

昵称

取消
昵称表情代码图片