前言:本案例使用了HTML5和CSS3的知识点,使用HTML5设置了页面的基本布局,使用CSS3给字体设置了颜色,大小,类型,是否居中等内容,使页面设计更加美观。
帝豪集团总裁办通知网页设计HTML5全部代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="111.css"/>
<!--
link标签:调用外部css样式
-->
</head>
<body>
<hr />
<h1 id="aaa">帝豪集团总裁办通知</h1>
<hr />
<p>【发布单位】集团总裁办</p>
<p>【发布文号】集团总裁办发〔2023〕17号</p>
<p>【发布日期】2023年7月27日</p>
<p id="b">各子公司,各直属机构:</p>
<p id="cc">《2023年第三季度工作计划安排》已经集团董事会同意,现印发给你们,请结合实际认真贯彻落实。</p>
<p class="e">集团总裁办</p>
<p class="e">2023年7月27日</p>
</body>
</html>
帝豪集团总裁办通知网页设计CSS3全部代码如下:
p{
font-family: "微软雅黑";
font-size: 23px;
}
#aaa{
color: #FF0000;
text-align: center;
font-family: "微软雅黑";
}
#b{
font-family: arial;
font-size: 20px;
}
#cc{
font-size: 18px;
text-indent: 2em;
}
.e{
text-align: right;
font-size: 15px;
}
/*
font-size:字体大小
font-famiily:字体类型
text-align: center;字体居中,浏览器默认字体靠左
text-indent:2em:段落首行缩进2个字符
color:字体颜色
*/
帝豪集团总裁办通知网页设计图片如下: