css让标题居中,水平导航菜单css

  css让标题居中,水平导航菜单css

  

实现效果:

  

实现代码

   html

  下拉菜单 ul lia href= http://www .乔查霍。/a/Li lia href= http://www .乔查霍。 jb51/a/Li lia href= # html 5 CSS3/a ul id=子菜单上的文章lia href= http://www。乔查霍。com/WordPress/Difference-between-SVG-vs-Canvas。下拉菜单ul,1000 .下拉菜单李{ margin:0;填充:0;}.下拉菜单ul {背景:灰色;列表样式:无;宽度:100%;}.下拉菜单Li { float:left;位置:相对;宽度:自动;}.下拉菜单一个{背景:# 30A6E6颜色:# FFFFFF显示:块;字体:粗体12px/20px无衬线;填充:10px 25px文本对齐:居中;文字-装饰:无;-WebKit-过渡:所有。25s ease-moz-transition:全。25秒缓动-毫秒-过渡:全25s轻松过渡:全25s轻松过渡:全25s轻松}。下拉菜单李:悬停一个{背景:# 000000;} #子菜单{ left:0;不透明度:0;位置:绝对;top:35px;可见性:隐藏;z指数:1;}李:悬停ul #子菜单{不透明度:1;top:40px;/*根据顶部导航填充顶部底部来调整此项*/可见性:可见;} #子菜单李{浮:无;宽度:100%;} #子菜单答:悬停{背景:# DF4B05} #子菜单一个{背景色:# 000000;}以上就是CSS3实现的水平标题菜单的详细内容,更多关于CSS3标题菜单的资料请关注其它相关文章!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: