用css写一个介绍张作霖的网页
时间: 2023-10-05 18:09:41 浏览: 128
好的,以下是一个简单的张作霖介绍网页的HTML和CSS代码:
HTML代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>张作霖介绍</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
<h1>张作霖</h1>
</header>
<main>
<section>
<h2>生平简介</h2>
<p>张作霖(1875年3月19日-1928年6月4日),字正山,奉天省盛京(今沈阳市)人,是中国东北军阀。早年参加义和团,后效力于大本营,曾在抗日战争中参与抗战。1918年,张作霖在东三省成立“奉天政府”,标志着东北军阀割据时期的开始。1928年,张作霖在沈阳火车站遇刺身亡,死后被尊为“抗日名将”。</p>
</section>
<section>
<h2>政治事业</h2>
<p>1918年,张作霖在奉天成立“奉天政府”,标志着东北军阀割据时期的开始。在其领导下,东北地区经济、文化、教育得到了较大发展。同时,张作霖也积极扶持民族工商业,推进铁路、公路、港口等基础设施建设,加强了东北地区的防御体系。</p>
</section>
<section>
<h2>逝世</h2>
<p>1928年6月4日,张作霖在沈阳火车站遇刺身亡。由于其在抗日战争中的表现和对东北地区的贡献,被尊为“抗日名将”。其死亡也标志着东北军阀割据时期的结束。</p>
</section>
</main>
<footer>
<p>本网页仅供学习参考,如有不当之处请谅解。</p>
</footer>
</body>
</html>
```
CSS代码:
```css
body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
h1 {
margin: 0;
font-size: 36px;
}
main {
max-width: 800px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0,0,0,.2);
}
section {
margin-bottom: 30px;
}
h2 {
font-size: 24px;
margin-bottom: 10px;
}
p {
font-size: 16px;
line-height: 1.6;
}
footer {
background-color: #ccc;
padding: 10px;
text-align: center;
font-size: 14px;
}
```
这个网页包含一个标题栏、主要内容区和页脚,采用了简洁明了的设计风格,适合快速构建一个介绍张作霖的网页。
阅读全文