console
<!DOCTYPE html>
<html>
<head>
<style>
</style>
<meta charset="UTf-8">
<title></title>
</head>
<body>
<h1 style="color:wheat" class="biaoti">
<p class="biaoti_1">拔萝卜</p>
<p class="biaoti_2">吃萝卜</p>
<p class="biaoti_3">嗨嗐嗨</p>
</h1>
<div class="xuanxiang" style="font-weight:bolder">
<p class="zhonglei">萝卜种类：
<select>
<option>水晶萝卜</option>
<option>白萝卜</option>
<option>胡萝卜</option>
<option>红萝卜</option>
</select>
</p>
<p class="renxuan">拔萝卜人选：
<select>
<option>余海林</option>
<option>邓宏</option>
<option>吴银涛</option>
<option>奥特曼</option>
</select>
</p>
<p class="chiluobo">吃萝卜人选：
<select>
<option>迪迦</option>
<option>盖亚</option>
<option>余海林</option>
<option>邓宏</option>
<option>吴银涛</option>
</select>
</p>
<p class="jinhua">进化方向：
<select class="fangxiang">
<option>小猪佩奇</option>
<option>葫芦娃</option>
<option>玛卡巴卡</option>
<option>乔治</option>
<option>奥特之神</option>
</select>
</p>
</div>
<button class="kaishi" style="font-weight:bolder">开始进化</button>
</body>
</html>
.biaoti {
display: flex;
margin: 10px ;
}
.biaoti_1 {
margin-left: 5px;
margin-top: 50px;
margin-right: 50px;
margin-bottom: 5px;
}
.biaoti_2 {
margin-top: 5px;
margin-right: 5px;
}
.biaoti_3{
margin-left: 50px;
margin-top: 50px;
margin-right: 50px;
margin-bottom: 5px;
}
.xuanxiang{
display: flex;
margin: 10px ;
}
.zhonglei{
margin-right:25px;
color: red;
}
.renxuan{
margin-right:25px;
color: coral;
}
.chiluobo{
margin-right:25px;
color: crimson;
}
.kaishi{
color: darkorange;
margin-left: 20px;
}
.jinhua{
color: cornflowerblue;
}
.fangxiang{
color: mediumvioletred;
font-weight:bolder;
}