纯css实现的下拉菜单只有边框底纹用到图片

  

 
代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xn="http://www.renren.com/2009/xnml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="List_files/style.css">
</head>
<body>
<div class="menu">
<ul>
<li class="navhome"><a href="http://www.corange.cn" class="navhome">Corange.cn</a></li>
<li><a href="/List?category=57">服装鞋类<table><tbody><tr><td>
<ul>
<li><a href="/List?category=62">女装</a></li>
<li><a href="/List?category=65">男装</a></li>
</ul></td>
</tr>
</tbody></table>
</a>
</li>
<li><a href="/List?category=1">箱包配饰<table><tbody><tr><td>
<ul>
<li><a href="/List?category=347">coach专区</a></li>
<li><a href="/List?category=2">箱包</a></li>

</ul></td>
</tr>
</tbody></table>
</a>
</li>
<li><a href="/List?category=19">运动户外<table><tbody><tr><td>
<ul>
<li><a href="/List?category=22">运动装</a></li>
<li><a href="/List?category=31">车载装备</a></li>

</ul></td>
</tr>
</tbody></table>
</a>
</li>
<li><a href="/List?category=162">营养保健<table><tbody><tr><td>
<ul>
<li><a href="/List?category=165">营养保健品</a></li>
<li><a href="/List?category=166">健康器材</a></li>
</ul></td>
</tr>
</tbody></table>
</a>
</li>
<li><a href="/List?category=30">家居母婴<table><tbody><tr><td>
<ul>
<li><a href="/List?category=35">母婴</a></li>
<li><a href="/List?category=52">日用</a></li>

</ul></td>
</tr>
</tbody></table>
</a>
</li>
<li><a href="/List?category=142">数码影音<table><tbody><tr><td>
<ul>
<li><a href="/List?category=144">音响影视</a></li>
<li><a href="/List?category=147">数码通讯</a></li>

</ul></td>
</tr>
</tbody></table>
</a>
</li>
<li><a href="/List?category=4">美容护肤<table><tbody><tr><td>
<ul>
<li><a href="/List?category=5">护肤</a></li>
<li><a href="/List?category=21">香水</a></li>

</ul></td>
</tr>
</tbody></table>
</a>
</li>
<li class="navsale"><a href="/Sales" class="navsale">代购特卖场</a></li>
</ul>
</div>  

时间: 2016-09-28

纯css实现的下拉菜单只有边框底纹用到图片的相关文章

纯CSS导航条下拉菜单代码

提示:您可以先修改部分代码再运行 纯CSS导航条下拉菜单代码 Home Single Level Dropdown Dropline Flyout Support Contact 提示:您可以先修改部分代码再运行

纯css定义的下拉菜单效果代码

更多js特效请访问: 网页设计爱好者 http://www.111cn.net Blogroll Example Site Example Site Example Site Example Site Example Site Example Site Example Site Example Site Example Site Example Site Example Site Example Site

30多个CSS和JS下拉菜单资源

导航菜单是网站设计中最重要的 因素之一.网络开发人员可以使用CSS创建方便用户的横向或纵向导航菜单, 而JavaScript则使人们有可能创造更多的互动,更多的响应和更灵活的导航到任何网站.Noupe在这篇文章里面提出了25个以上(横向和纵向)多 层次的下拉菜单,包括使用了JavaScript和CSS ,你可以将这些示例和教程用你的未来网站设计计划.帕兰照常为你翻译, 你也可以查看帕兰映像之前发表的一些关于菜单应用的文章: IzzyMenu: 在线创建DHTML/CSS菜单 9款CSS菜单生成器

用CSS 快速定制下拉菜单

css|菜单|下拉 访问过 Microsoft 中文主页的很多人都不会忘记它新奇的下拉式菜单吧. 它的确给我们带来一股清新的网风, 它实现了网页上下拉菜单, 不仅剩去了很多点击的麻烦, 并开创了一个网页设计的未来之路.  我们知道, 通过 CSS 可以确切地定义一个 HTML 元素的样式,包括它的颜色.字体.边框.3D效果.滤镜等等,我们在考虑制作下拉菜单时,首先是想到 CSS 的定位技术,它精确的定位能力可以使我们放心的甚至是在三维空间设置位置和可见性.  CSS 定位使用"position&

CSS垂直树形下拉菜单

css|菜单|下拉 第一步:建立菜单 首先建立菜单架构非常重要,最好的方法是使用ul来建立各菜单内容的从主关系.很复杂么?其实只要一路写下去就OK了: 以下是引用片段: <ul>      <li><a href="#">Home</a></li>      <li><a href="#">About</a>        <ul>          <

纯CSS+Div 经典下拉导航菜单

提示:您可以先修改部分代码再运行 纯CSS+Div 经典导航菜单 Home Single Level Dropdown Dropdown One Dropdown Two Dropdown Three Dropdown Four Dropdown Five Dropline Dropline One Dropline Two Dropline Three Dropline Four Flyout Flyout One Flyout Two Flyout Three Flyout Four Fly

经典css+div 实现下拉菜单

XHTML/CSS 标准 教程 技术文章 常见问题 布局教程专题 CSS菜单 浏览器兼容 滚动条相关 圆角矩形专题 CSS特效欣赏专题 AJAXAJAX教程 AJAX技术 JavascriptJSON 技术文章 DOM XML 正则表达式正则表达式简介 正则表达式之道 网站优化 电脑网络 建站技术PHP ASP ASP.NET JSP SQL Flash Dreamweaver

用css实现的下拉菜单效果

<!-- 把下列代码加入到head区内 --> <style type="text/css"> #cssdropdown, #cssdropdown ul { padding: 0; margin: 0; list-style: none; } #cssdropdown li { float: left; position: relative; } .mainitems{ border: 1px solid black; background-color: #F

超炫CSS样式三级下拉菜单代

源码爱好者 Two-level menu Three-level menu Three-level menu Three-level menu Three-level menu 技术文章 Three-level menu Three-level menu Three-level menu Three-level menu 源码下载 Three-level menu Three-level menu Three-level menu Three-level menu Two-level menu