分享:带会员注册登录一级纯css导航栏代码

原创 2012年03月30日 17:28:06

分享:带会员注册登录一级纯css导航栏代码

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>带会员注册登录的导航菜单代码下载-免费模版</title>
<link href="http://cssdh.mianfeimoban.com/uploadfile/2012/0315/menu1/base.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="blank10"></div>
<div id="nav">
  <div id="navLeftL"></div>
  <div id="navLeft">
          <div class="leftbox">›<a href="#" class="eng">English</a>›<a href="#">登录</a><a href="#" class="reg">注册</a><a href="#" class="wenhao">帮助</a><a href="#" class="wenhao">找回密码</a></div>
  </div>
  <div id="navMiddle"></div>
  <div id="navRight">
        <div class="menu">
        <a href="#" class="currentItem" id="menu_index" >首 页</a>
        <a href="#" id="menu_unit" >电子商务</a>
        <a href="#"  id="menu_special" >网络营销</a>
        <a href="#"  id="menu_member">导航素材</a>
        <a href="#"   id="menu_company" >网页特效</a>
        <a href="#"  id="menu_service" >Flash源码</a></div>
  </div>
  <div id="navRightR"></div>
</div>


</div>
</body>

</html>


纯CSS多级导航栏

前一段时间再看《精通CSS》的时候,磕磕绊绊的写出了一个纯CSS导航栏,晚上突然想到了这个,把它重写一遍。在这个过程中发现自己比之前有了些许提高,我想应该是之前做的优酷整站练习的功劳吧,这个整站练习中...
  • rabbitter
  • rabbitter
  • 2016年04月11日 20:43
  • 2591

纯CSS实现下拉菜单导航

用纯CSS实现下拉菜单导航条,当鼠标hover到按钮上时,下方出现4个下拉菜单导航条。...
  • changerous
  • changerous
  • 2016年06月14日 22:15
  • 3766

第六课 head.htm模板制作(Logo和导航条)

这一节课我们来讲一下怎么样制作网站模板中的head.htm模板。分析效果如下图1 图1 头部Head 那么,怎样才能做出上面的效果的呢?先急,我们一步一步来。 首先,我们要设置好整个网站的背景图和网...
  • forest_fire
  • forest_fire
  • 2016年03月21日 10:44
  • 1470

简单的二级导航页面(纯css实现,运用display属性hover)

html代码 首页 关于我们 公司简介 人才招...
  • lp2659359879
  • lp2659359879
  • 2016年09月14日 11:35
  • 2468

各种一级导航条

导航条 /*全局属性*/ *{ margin: 0; padding: 0; font-size: 14px; font-weight: bold; }...
  • Doigt_love
  • Doigt_love
  • 2016年09月07日 21:56
  • 640

导航栏-- HTML中的<UL>标签中li横向排列

第一步、编写横向菜单的HTML代码架构 请将以下代码添加到HTML文档的导航栏区域中。 menu"> Baidu.Com Code52.Net Yahoo.Com Google.Com ...
  • binggoogle
  • binggoogle
  • 2014年11月30日 11:36
  • 3110

用css实现各种导航栏

基本的垂直导航条 通过HTML创建一个无序列表 home home home home home home 利用css处理样式 ul.nav{ padding:0px; ...
  • charlene0824
  • charlene0824
  • 2015年11月08日 16:44
  • 1529

用css写出横向导航栏

有以下几种方法:1.  ul  +   li 横向导航栏 *{margin:0;padding:0;} ul{ border:1px soli...
  • u010543271
  • u010543271
  • 2016年03月14日 20:43
  • 2444

【CSS】简易的页面侧边栏导航

演示地址:点我测试代码如下: /*左侧边栏*/ a{ text-decoration: none; ...
  • zuncle
  • zuncle
  • 2017年02月09日 11:32
  • 791

css实现商城商品导航栏

京东商品导航栏!用css的hover实现
  • sinat_34498624
  • sinat_34498624
  • 2016年12月28日 21:00
  • 581
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:分享:带会员注册登录一级纯css导航栏代码
举报原因:
原因补充:

(最多只允许输入30个字)