代码语言
.
CSharp
.
JS
Java
Asp.Net
C
MSSQL
PHP
Css
PLSQL
Python
Shell
EBS
ASP
Perl
ObjC
VB.Net
VBS
MYSQL
GO
Delphi
AS
DB2
Domino
Rails
ActionScript
Scala
代码分类
文件
系统
字符串
数据库
网络相关
图形/GUI
多媒体
算法
游戏
Jquery
Extjs
Android
HTML5
菜单
网页交互
WinForm
控件
企业应用
安全与加密
脚本/批处理
开放平台
其它
【
Css
】
公司类网站喜欢用的纯CSS菜单
作者:
Dezai.CN
/ 发布于
2012/4/17
/
631
<div><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>"> <html class="sIFR-hasFlash" xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Merix-download by <a href="http://www.6a8a.com</title">http://www.6a8a.com</title</a>> <style> *{margin:0;padding:0;} html{height:100%;margin-bottom:1px;background:#48494d;} body{margin:0;padding:0 0 10px;background:#48494d;font-size:62.5%;} body,td,input,textarea,select{color:#666;font-family:Arial,Tahoma,sans-serif;} .fl{float:left;} .fr{float:right;} .clear{clear:both;height:0;margin:0;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:inline-table;} * html .clearfix{height:1%;} .clearfix{display:block;} a{color:#666;text-decoration:none;outline:none;} a:active{outline:none;} a:hover,a:active,a:focus{color:#333;} #t3{background:url(<a href="http://www.6a8a.com/images/m_bg_nav.gif">http://www.6a8a.com/images/m_bg_nav.gif</a>) #fff 0 100% repeat-x;border-top:0.1em solid #dedede;} #t3a{width:750px;margin:0 auto;} #t3n{width:750px;margin:0 50px;padding:0;list-style:none;} #t3n li{display:block;padding:0 0 3px;background:url(<a href="http://www.6a8a.com/images/m_e_menu.gif">http://www.6a8a.com/images/m_e_menu.gif</a>) 50% -1000% no-repeat;position:relative;float:left;} #t3n li.x a{border-left:none;} #t3n li.home{border-left:none;float:right;background:transparent !important;} #t3n li:hover,#t3n li.over{background-position:50% 100%;} #t3n li a{float:left;display:block;padding:0.9em 10px 0.73em;border-left:0.1em solid #dedede;border-bottom:0.27em solid #fff;font-size:1.1em;color:#70540f;font-weight:700;} #t3n li:hover a,#t3n li.over a,#t3n li a:hover,#t3n li a:focus,#t3n li a:active{color:#000;border-bottom:0.27em solid #ff378c;} #t3n li.home{padding:0;} #t3n li.home a{border-left:none;padding:0.9em 10px 0.73em 0;color:#333;} #t3n li.home a:hover{padding:0.9em 10px 0.73em 0;color:#000;border-color:#fff !important;} #t3n li a span{position:absolute;left:47%;top:3.2em;visibility:hidden;width:5px;height:3px;background:url(<a href="http://www.6a8a.com/images/m_e_menu.gif">http://www.6a8a.com/images/m_e_menu.gif</a>) no-repeat;} #t3n li a:hover span,#t3n li a:focus span,#t3n li a:active span{visibility:visible;} </style> </head> <body> <div id="t3"> <ul id="t3n" class="clearfix"> <li class="x"><a href="/">公司主页</a></li> <li class=""><a href="#">产品天地</a></li> <li class=""><a href="#">新闻纵横</a></li> <li class=""><a href="#">服务专区</a></li> <li class=""><a href="#">联系我们</a></li> <li class=""><a href="#">企业博客</a></li> </ul> </div> </body> </html> </div>
试试其它关键字
纯CSS菜单
同语言下
.
前端PC-移动端CSS公共样式+HTML
.
手机端页面通用样式
.
H5页面通用头部设置
.
elect默认样式美化代码兼容移动端和pc端
.
按钮效果 css
.
唤醒app
.
放大效果
.
html5+css3实现上拉和下拉刷新
.
html上传图片后,在页面显示上传的图片
.
html5实现点击弹出图片
可能有用的
.
C#实现的html内容截取
.
List 切割成几份 工具类
.
SQL查询 多列合并成一行用逗号隔开
.
一行一行读取txt的内容
.
C#动态修改文件夹名称(FSO实现,不移动文件)
.
c# 移动文件或文件夹
.
c#图片添加水印
.
Java PDF转换成图片并输出给前台展示
.
网站后台修改图片尺寸代码
.
处理大图片在缩略图时的展示
Dezai.CN
贡献的其它代码
(
4037
)
.
多线程Socket服务器模块
.
生成随机密码
.
清除浮动样式
.
弹出窗口居中
.
抓取url的函数
.
使用base HTTP验证
.
div模拟iframe嵌入效果
.
通过header转向的方法
.
Session操作类
.
执行sqlite输入插入操作后获得自动编号的ID
Copyright © 2004 - 2024 dezai.cn. All Rights Reserved
站长博客
粤ICP备13059550号-3