谁能帮我做一下这个html的题目
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
table{
width: 300px;
margin: 0 auto;
background: #ff4500;
padding-bottom: 5px;
}
.title{
color: #fff;
text-align: center;
line-height: 20px;
font-family: "微软雅黑";
font-size: 14px;
}
table form table{
background-color: #ffd455;
color: #000;
font-size: 12px;
width: 290px;
margin: 0 auto;
}
table form table input[type = radio]{
display: inline-block;
margin-top: 5px;
}
table form table input[type = button]{
display: inline-block;
margin-top: 5px;
}
table form table a{
color: #000;
}
</style>
</head>
<body>
<table>
<tr>
<td class="title">热点调查</td>
</tr>
<tr>
<td>
<form>
<table>
<tr>
<td>
<span>看不清图片字体</span>
<br/>
<input type="radio" name="percent">看不清字体
<br/>
<input type="radio" name="percent">看不清字体
<br/>
<input type="radio" name="percent">看不清字体
<br/>
<input type="radio" name="percent">看不清字体
<input type="radio" name="percent">看不清字体
<br/>
<input type="submit" value="提交">
<input type="button" value="查看">
<a href="#">看不清字体</a>
</td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>
有些字体看不清楚,你自己改一下就好。另外,唔外层表格需要用到图片,你只需要把
table{
width: 300px;
margin: 0 auto;
background: #ff4500;
padding-bottom: 5px;
}
中的background: #ff4500;改成background:url(图片路径+名字);即可
例如
----------------------------------------
运行结果如图:
追问
谢谢
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询