苹果绿养生网
欢迎来到【苹果绿养生网】，这是一个专为食疗养生保健知识和中医养生之道分享的网站。在这里，我们将为您提供最新的养生资讯，帮助您找到适合自己的养生方法。
网站首页以简洁明了的设计展示各种养生知识，包括食疗、按摩、瑜伽等各种方面。我们希望通过这些内容，帮助您了解如何运用中西医学的知识，调整生活方式，达到身心健康的目的。
HTML结构
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>苹果绿养生网</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- 网站主要内容 -->
</body>
</html>
CSS样式
为了让页面更具有视觉效果，我们在style.css文件中添加了一些样式：
html {
font-family: "Microsoft YaHei", sans-serif;
}
.html_char_list, .html_img_list {
width: 100%;
display: block;
float: left;
margin: 10px 0 10px 0;
}
.html_char_list b,
.html_img_list b {
color: red;
}
.html_char_list ul,
.html_img_list ul {
width: 100%;
display: block;
float: left;
margin: 0px;
}
.html_img_list ul li {
list-style-type: none;
display: inline;
width: 30%;
position: relative;
float: left;
margin: 2% 0 0 2%;
}
.html_img_list ul li img {
width: 100%;
height: auto; /* 根据图片比例自适应高度 */
}
.html_img_list ul li span1 {
left: 0px; /* 根据需要调整位置 */
}
我们的网站首页就设计完成了，您可以根据需要继续完善和扩展各个模块的内容。
