
不知道是不是这种
<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>
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)