以下是一个针对广州荔湾医院网站建设的HTML代码示例:
html
/* 全局样式 */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
/* 头部样式 */
header {
background-color: #0072C6;
color: #fff;
padding: 20px;
text-align: center;
}
/* 导航栏样式 */
nav {
background-color: #f2f2f2;
display: flex;
justify-content: center;
padding: 10px 0;
}
nav a {
color: #333;
padding: 10px 20px;
text-decoration: none;
}
nav a:hover {
background-color: #0072C6;
color: #fff;
}
/* 主内容样式 */
main {
padding: 20px;
}
/* 页脚样式 */
footer {
background-color: #0072C6;
color: #fff;
padding: 10px;
text-align: center;
}
/* 响应式设计 */
@media (max-width: 768px) {
nav {
flex-direction: column;
align-items: center;
}
nav a {
padding: 5px 10px;
}
}
广州荔湾医院是一所集医疗、教学、科研于一体的综合性医院。我们拥有先进的医疗设备和专业的医疗团队,致力于为患者提供优质的医疗服务。
您可以通过以下方式预约挂号:
© 2023 广州荔湾医院. All rights reserved.
这个HTML代码包含了广州荔湾医院网站的基本结构,包括头部、导航栏、主要内容区域和页脚。CSS 样式定义了整个网站的整体风格和布局,并且针对移动设备做了响应式设计。
您可以根据实际需求对这个代码进行进一步的修改和完善,例如添加更多的页面内容、优化页面结构、增加交互功能等。同时也可以根据医院的具体需求,增加相关的医疗服务信息、预约挂号功能等。
总的来说,这个代码提供了一个基本的网站框架,可以作为广州荔湾医院网站建设的起点。
查看详情
查看详情