趣味选择题.html

小阴学习吧

已于 2024-08-28 20:10:11 修改

阅读量1.9k

点赞数 3

分类专栏： html 文章标签： html css 前端

于 2022-05-27 10:31:19 首次发布

本文链接：https://blog.csdn.net/weixin_45354103/article/details/124999146

版权

html 专栏收录该内容

13 篇文章 3 订阅

订阅专栏

这篇博客包含了一组关于HTML的趣味选择题，旨在测试和提升读者的前端知识，特别是HTML和CSS方面的技能。

摘要由CSDN通过智能技术生成

趣味选择题.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>趣味选择题</title>
<style type="text/css">
	body,form,p,label,input{
		margin: 0;
		padding: 0;
	}
	#list{
		width: 420px;
		height: 474px;
		background: url("images-第6章素材/images/bg1.png") no-repeat;
		padding: 110px 0 0 110px;
		font-size: 14px;
		font-family: "微软雅黑";
		color:#7b6c55;
	}
	p{
		width: 260px;
		height: 37px;
		padding-left: 50px;
		line-height: 23px;
		font-size: 16px;
	}
	.title1{
		background: url("images-第6章素材/images/num1.png") no-repeat left center;
	}
	.title2{
		background: url("images-第6章素材/images/num2.png") no-repeat left center;
	}
	label{
		display: block;
		width: 210px;
		padding: 18px 0 0 50px;
	}
	.one{
		padding-bottom: 20px;
	}
</style>
</head>

<body>
<form action="#" method="post" id="list">
	<div class="one">
	<p class="title1"> 渔夫逮到一条美人鱼却把他放了，为什么（）？单选</p>	
    <label for="choose1"><input type="radio" name="item1" id="choose1">渔夫很善良</label>
	<label for="choose2"><input type="radio" name="item1" id="choose2">养不起</label>
	<label for="choose3"><input type="radio" name="item1" id="choose3">违反法律</label>
	<label for="choose4"><input type="radio" name="item1" id="choose4">你懂的</label>
	</div>
	<div>
	<p class="title2"> 在容花道上 关羽为什么不杀曹操（）？多选</p>	
    <label for="choose5"><input type="radio" name="item2" id="choose5">因为爱情</label>
	<label for="choose6"><input type="radio" name="item2" id="choose6">曹操对关羽有恩</label>
	<label for="choose7"><input type="radio" name="item2" id="choose7">酒喝多了</label>
	<label for="choose8"><input type="radio" name="item2" id="choose8">不喜欢杀生</label>
	</div>
</form>
</body>
</html>