html列表样式html下拉列表怎么设置成像下图那样的样式

如图中的html+css样式应该怎么写？急

<html> <head> <meta?http-equiv="content-type"?content="text/html?charset=utf-8"> ????<style?type="text/css"> ????????.tab{ ????????????width:?520px; ????????????height:?25px; ????????????background-color:?darkorange; ????????????color:?white; ????????????font-family:?simhei; ????????} ????????td{ ???????????width:?50px; ????????} ????????</style> ????</head> <body> <table??class="tab"?> ????<tr> ????????<td?rowspan=3></td> ????????<td></td> ????????<td>首页</td> ????????<td>寻找</td> ????????<td> ????????????<select?style="background-color:?darkorange;color:?#ffffff;font-family:?simhei;border:?0"> ????????????????<option>场地</option> ????????????????<option>沙滩</option> ????????????????<option>小树林</option> ????????????????<option>别墅里</option> ????????????????</select> ????????</td> ????????<td>发布</td> ????????<td>需求</td> ????</tr> ????</table> </body> </html> 代码运行图： 如有问题，我们继续交流。

希望能够帮助到你，望采纳！

html下拉列表怎么设置成像下图那样的样式

世界第一等 亚洲第一山 世界第一海 增加multiple="multiple"就可以实现了