html怎么在表格里添加两个或以上个下拉框

html怎么在表格里添加两个或以上个下拉框,第1张

不知道是不是这种

<table border=1>

<tbody>

<tr>

<td>

<select name="" id="">

<option value="0">--请选择--</option>

<option value="1">啊啊啊</option>

<option value="2">哎哎哎</option>

</select>

</td>

<td>aaa</td>

<td>ddd</td>

</tr>

<tr>

<td>zzz</td>

<td>ccc</td>

<td>

<select name="" id="">

<option value="0">--请选择--</option>

<option value="1">是是是</option>

<option value="2">啥啥啥</option>

</select>

</td>

</tr>

<tr>

<td>www</td>

<td>qqq</td>

<td>rrr</td>

</tr>

</tbody>

</table>

现在我们为nav添加样式,首先去掉默认的margin和padding,再去掉<ul><li>标签的list-style样式和<a>标签的默认下划线。接下来再添加适当的样式(根据实际需要添加)进行美化,如一下样式:

<style type="text/css">

* { margin:0padding:0}

ul, li { list-style:none}

a { text-decoration:none}

.nav { border:2px solid #cccborder-right:noneoverflow:hiddenfloat:leftmargin:100px 0 0 300px}

.nav ul li { float:left}

.nav ul li a { width:120pxheight:40pxtext-align:centerline-height:40pxdisplay:blockborder-right:2px solid #cccbackground:#eeecolor:#666}

.nav ul li a:hover{ color:#f00}

</style>

打开页面预览效果

<p>

<select><option></option></option>...</select>

<select><option></option></option>...</select>

</p>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/8363536.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-15
下一篇2023-04-15

发表评论

登录后才能评论

评论列表(0条)

    保存