编写一个校园介绍网页有超链接及css代码
时间: 2024-05-01 10:23:52 浏览: 110
关于校园的网站网页设计
以下是一个校园介绍网页的示例,其中包括超链接和 CSS 代码。
```html
<!DOCTYPE html>
<html>
<head>
<title>校园介绍</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
h1 {
text-align: center;
color: #4d4d4d;
margin-top: 50px;
}
p {
text-align: justify;
color: #666666;
line-height: 1.5em;
margin: 20px;
}
a {
color: #ff6600;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #cc3300;
text-decoration: underline;
}
</style>
</head>
<body>
<h1>欢迎来到我们的校园</h1>
<p>我们的校园坐落于美丽的城市中心,拥有现代化的教学设施和优美的环境。我们的教师团队由一流的教授和研究员组成,他们致力于为学生提供高质量的教育和培训。</p>
<p>我们的学生来自世界各地,他们在这里可以享受到多元化的文化交流和社交活动。我们的校园生活丰富多彩,有各种各样的课外活动和社团组织。</p>
<p>如果您对我们的校园感兴趣,欢迎访问我们的<a href="https://www.example.com">网站</a>以获取更多信息。</p>
</body>
</html>
```
在上面的 HTML 代码中,我们使用 CSS 来定义页面的样式。具体来说,我们使用了以下 CSS 属性:
- `font-family`:设置页面中所有文本的字体。
- `background-color`:设置页面的背景颜色。
- `text-align`:设置标题和段落的对齐方式。
- `color`:设置文本的颜色。
- `margin`:设置段落的外边距。
- `line-height`:设置段落的行高。
- `text-decoration`:设置超链接的下划线。
- `font-weight`:设置超链接的字体加粗程度。
- `hover`:设置鼠标悬停在超链接上时的样式。
阅读全文