檬味博客 » 问答 » div+css怎么实现这个导航栏的样式呀？

div+css怎么实现这个导航栏的样式呀？

那个是背景图片 ，你可以把百度的这个页另存为，你看看他的代码和图片就明白了这个可以用背景图片 图片就是一个竖线 具体的可以是图片，也可以定义width和height
div+css怎么实现这个导航栏的样式呀？
正好在写这么个导航条效果l
<!------------------头部导航开始------------------>
<div class="top w1000 bc">
<ul>
<li class="top_left"></li>
<li class="home w100"></li>
<i></i>
<li class="w100"><a href="#">快速导航</a></li>
<i></i>
<li class="w100"><a href="#">产品目录</a></li>
<i></i>
<li class="w100"><a href="#">设备保修</a></li>
<i></i>
<li class="w100"><a href="#">技术咨询</a></li>
<i></i>
<li class="w100"><a href="#">速查表</a></li>
<i></i>
<li class="w100"><a href="#">公司大事记</a></li>
<i></i>
<li class="search"><div class="search">
<input type="text" name="search" size="35" value="请输入您要搜索的机器名称或产品名称">
</div></li>
<li class="top_right"></li>
</ul>
<!--------------------导航结束---------------->
</div>

2011-09-09
那个是背景图片 ，你可以把百度的这个页另存为，你看看他的代码和图片就明白了2011-09-08
这个可以用背景图片 图片就是一个竖线 具体的2011-09-09
可以是图片，也可以定义width和height2011-09-08
mengvlog 阅读 10 次 更新于 2025-07-19 18:41:35 我来答关注问题0
4 个回答檬味博客专题活动
  • 斌starin HTML使用DIV+CSS如何实现左边导航,右边显示内容,点击那个导航显示那个内容

    3、书写css代码。 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt...

  • xcy198902 div+css怎么实现这个导航栏的样式呀?

  • 山水阿锐 如何用DIV+CSS做漂亮的横排导航栏

    测试结果应为下图（1）下面我们通过CSS 来改变他的样式。首先我们先让导航在浏览器的中间。不过在让他居中前得先设置一个宽度，没有宽度就没法居中，这个的原因我就不用赘述了吧！现在常用的网站宽度为960或980（当然也有其他的，一些网站会根据访客的显示器大小有不同宽度...

  • 阿暄生活 怎么用html+css做一个导航条

    首先，我们需要创建一个名为"nav"的DIV，然后在其中添加一个无序列表。列表项的数量取决于导航栏中需要包含的栏目数，每个列表项中应包含一个超链接，用于链接到相应的项目页面。接着，我们需要设置CSS样式以调整导航条的外观。这包括为列表规定宽度和高度，并移除列表项前的默认项目符号。具体代码如下：...

  • xianzq888 div+css如何布局导航

    先用DIV来把导航的位置定下来！ 然后用CSS设置DIV中导航连接的属性，比如颜色下划线等等。 具体怎么做要看你怎么设计了。比如说百度空间的导航就是以下的设置方法：/*导航栏设置*/ 空间名称和简介区域 header 主体部分{height:89px;background:#3399CC} header div.lc 左背景图{background:url(temp1...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部