怎样可以像图中那样加用CSS在导航上加搜索框，请写明在哪里加，怎样加，急

首先你这代码本身就有问题的，li标签是在ul标签下的，不能直接嵌套在DIV下，如果要加的话,改为如下结构：

<div class="nav"> <!-- 此处清浮动 -->

<ul style="float:leftwidth:300px"> <!-- 宽度根据具体情况 -->

<li><a href="#">首页</a></li>

<li><a href="#">产品中心</a></li>

<ul>

<li><a href="#">产品A</a></li>

<li><a href="#">产品B</a></li>

<li><a href="#">产品C</a></li>

</ul>

</li>

<li>客户服务</li>

<!-- 此处添加其他导航项 -->

</ul>

<form action="" method="post" style="float:rightwidth:120px">

<input type="text" name="keyword" placeholder="请输入关键词" />

<input type="submit" class="submit" /><!-- 扣个图给按钮背景 -->

</form>

</div>

你好！布局建议使用div里边放input和button的方式

<div style="border:1px solid #ccccccwidth:150pxheight:25px">

<input type="text" style="border:0margin-left:5pxwidth:110pxheight:25pxline-height:25px" />

<input type="button" value="" style="background:url(searchBtn.gif) no-repeat center centerwidth:15pxheight:15pxmargin:5px" />

</div>

以上为大概思路，具体数值还需根据实际情况进行调整！

先画一个图标“搜索”的图片

写HTML的标签代码

后期在用CSS去美化搭配颜色

HTML:<input type="text" value="找课程"  class="" name="" id="">

有需要用到javascript的就用javascript代码

CSS美化要自己去定义“长度”+“高度”+“背景”+“字体颜色，字体大小”

下拉框原理一样

<select> <option value="iwen" selected id="iwem">iwem<option> </select>

---