效果
css
body{
background-color: rgb(206, 227, 228);
margin: 0%;
font-family: Arial, Helvetica, sans-serif;
}
table{
width: 800px;
margin: 0 auto;
background-color: rgb(238, 241, 247);
padding: 0;
}
table tr{
height: 50px;
}
table tr td{
padding-left: 40px;
}
table tr th{
padding-left: 40px;
color: darkgray;
}
h1{
font-size: 19px;
text-align-last: center;
padding-top: 20px;
}
.new button{
width: 90px;
background-color: darkblue;
color: darkgray;
border-radius: 20px;
line-height: 40px;
margin: 20px 30px 30px 30px;
}
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>阿尔茨海默病营养不良风险筛查与评估量表</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<form action=" " >
<table>
<tr>
<td>
<img width = '400' height ='250' src="images/ad.jpg" alt="">
</td>
</tr>
<tr>
<td>
<h1>阿尔茨海默病营养不良风险筛查与评估量表</h1>
</td>
</tr>
<tr>
<td>1.年龄</td>
</tr>
<tr>
<td>
<input type="radio"value="0">≤55岁
<input type="radio"value="1">55~70岁
<input type="radio"value="2">70~85岁
<input type="radio"value="3">≥85岁
</td>
</tr>
<tr>
<td>2.三个月内体重下降情况</td>
</tr>
<tr>
<td>
<input type="radio"value="0">未下降
<input type="radio"value="1">下降1-3kg
<input type="radio"value="2">下降3-5kg
<input type="radio"value="3">下降>5kg
</td>
</tr>
<tr>
<td>3.身体质量指数BMI</td>
</tr>
<tr>
<td>
<input type="radio"value="0">≥23
<input type="radio"value="1">21-23
<input type="radio"value="2">18.5-21
<input type="radio"value="3"><18.5
</td>
</tr>
<tr>
<td>4.消耗性基础疾病情况</td>
</tr>
<tr>
<td>
<input type="radio"value="0">无
<input type="radio"value="1">合并1-2种
<input type="radio"value="2">合并3-4种
<input type="radio"value="3">>4种
</td>
</tr>
<tr>
<th>
包括但不限于骨盆骨折、肝硬化、慢性阻塞性肺病、长期血液透析、糖尿病、腹部重大手术、卒中、重症肺炎、恶性肿瘤、颅脑损伤、骨髓抑制、加护病患等
</th>
</tr>
<tr>
<td>5.食欲下降</td>
</tr>
<tr>
<td>
<input type="radio"value="0">无
<input type="radio"value="1">稍有下降,仍可独立进食
<input type="radio"value="2">需要他人鼓励/督促进食
<input type="radio"value="3">需要药物支持
</td>
</tr>
<tr>
<td>6.每日摄入鱼、肉、奶制品、蛋、蔬菜、水果的种类</td>
</tr>
<tr>
<td>
<input type="radio"value="0">>3种
<input type="radio"value="1">3种
<input type="radio"value="2">1种
<input type="radio"value="3">未摄入
</td>
</tr>
<tr>
<td>7.因记忆力下降、精神症状、日常生活能力减退、吞咽困难等所致摄食情况</td>
</tr>
<tr>
<td>
<input type="radio"value="0">完全独立
<input type="radio"value="1">多数自理
<input type="radio"value="2">少数自理
<input type="radio"value="3">完全依赖
</td>
</tr>
<tr>
<th>
<input type="submit" class="new button">
<input type="reset" class="new button">
</th>
</tr>
</table>
</form>
</body>
</html>