以下是一个简单的医院信息网站模板,你可以根据自己的需要进行修改和定制:
HTML代码:
```html
t
医院信息网站t
t
t
t
t
t
tt
tt
tt
ttt
```
CSS代码:
```css
body {
tbackground-color: #f2f2f2;
}
header {
tbackground-color: #333;
tcolor: #fff;
tpadding: 20px;
ttext-align: center;
}
nav ul {
tlist-style: none;
tmargin: 0;
tpadding: 0;
}
nav li {
tdisplay: inline-block;
tmargin-right: 20px;
}
nav a {
tcolor: #333;
ttext-decoration: none;
}
main {
tmargin: 0 auto;
tdisplay: flex;
tflex-direction: column;
}
section {
tmargin-bottom: 20px;
}
h2 {
tmargin-bottom: 10px;
}
ul {
tmargin-bottom: 0;
}
li {
tmargin-bottom: 20px;
}
```
这个模板包括一个主体部分(main)、四个导航部分(nav)、以及四个子导航部分(section)。主体部分包含了医院信息网站的所有内容,四个导航部分分别介绍了科室、医生、医院信息和联系我们。在CSS代码中,我们使用了 Flexbox 布局来让网站布局更加灵活。
