漂亮大气的html导航页面,非常大气漂亮的CSS导航栏

大气的CSS菜单

.menu5 {padding:5px 0 0 1em; margin:0; list-style:none; height:40px; position:relative; background:transparent url(http://p1.mb5u.com/texiao/pro_five_0c.gif) repeat-x left bottom; font-size:11px;}

.menu5 li {float:left; height:40px; margin-right:1px;}

.menu5 li a {display:block; float:left; height:40px; line-height:35px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(http://p1.mb5u.com/texiao/pro_five_0a.gif) no-repeat;}

.menu5 li a b {float:left; display:block; padding:0 16px 5px 12px; background:url(http://p1.mb5u.com/texiao/pro_five_0b.gif) no-repeat right top;}

.menu5 li.current a {color:#000; background:url(http://p1.mb5u.com/texiao/pro_five_2a.gif) no-repeat;}

.menu5 li.current a b {background:url(http://p1.mb5u.com/texiao/pro_five_2b.gif) no-repeat right top;}

.menu5 li a:hover {color:#000; background: url(http://p1.mb5u.com/texiao/pro_five_1a.gif) no-repeat;}

.menu5 li a:hover b {background:url(http://p1.mb5u.com/texiao/pro_five_1b.gif) no-repeat right top;}

.menu5 li.current a:hover {color:#000; background: url(http://p1.mb5u.com/texiao/pro_five_2a.gif) no-repeat; cursor:default;}

.menu5 li.current a:hover b {background:url(http://p1.mb5u.com/texiao/pro_five_2b.gif) no-repeat right top;}

源码爱好者
源码下载
产品服务
正在浏览
网页特效
Search

漂亮大气的html导航页面,非常大气漂亮的CSS导航栏相关推荐

html实现导航下拉菜单绝对定位,纯CSS导航下拉效果,神奇的定位与显示属性
导航下拉,大家首先想到的是用JS来做.或许是大家看到的下拉菜单演示,多是JS控制的下拉,导致从先入为主的意识上,误以为二级下拉是很难的东西,必须要会Javascript才能做. 其实,一个简答的下拉效 ...
移动端导航页面html,swiper4实现移动端导航切换
本文实例为大家分享了swiper4实现移动端导航切换的具体代码,供大家参考,具体内容如下首先导入 (这里用的是Swiper 4.0.7版本) 在写入html内容商品分类手机厨具数码家纺生 ...
漂亮大气VIP会员介绍页面 html单页源码无需数据库
介绍: 扒的某站漂亮大气VIP会员介绍页面 html单页源码无需数据库源码下载地址:扒的某站漂亮大气VIP会员介绍页面 html单页源码无需数据库.zip - 蓝奏云https://qumaw.la ...
简约大气的404错误页面动画js特效
下载地址一款简约大气的404错误页面动画特效,黄色简约的UI设计界面,适用于任何类型的网站. dd:
HTML5期末大作业：旅游网站设计——简单大气的响应式旅游网页(5页) HTML+CSS+JavaScript...
HTML5期末大作业:旅游网站设计--简单大气的响应式旅游网页(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码常见网页 ...
HTML5期末大作业：化妆品网站设计——大气简洁的品牌化妆品网页(7页) HTML+CSS+JavaScript web前端课程设计源码...
常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...
php mysql 导航制作_超级漂亮网址导航源码,自助链源码（PHP+MYSQL完整版）
超级漂亮网址导航源码,自助链源码(PHP+MYSQL完整版) 自动加入说明: 加入:在你的网页中加入指向本站的链接(可以是文字链接自动链,也可以是图片链接取得图片链接).而后你用浏览器打开自己的网 ...
xmarin.android导航栏,android – 如何在xamarin表单中更改导航页面后退按钮
我想在导航页面中更改后退箭头图像.为此在Android应用程序中我创建了导航页面渲染器,然后使用方法toolbar.SetNavigationIcon和它不工作,但当我使用toolbar.SetLog ...
使用NVelocity自动生成Favorite收藏夹的导航页面
你是否碰到你的收藏夹凌乱不堪,或者很多收藏网页地址虽然分类,可是使用起来却感觉不太好,有没有想过把你的收藏夹内容自动生成一个网页的导航页面生成类似Hao123(http://www.hao123.co ...

漂亮大气的html导航页面,非常大气漂亮的CSS导航栏

漂亮大气的html导航页面,非常大气漂亮的CSS导航栏相关推荐

最新文章

热门文章