`

css导航测试

    博客分类:
  • css
css 
阅读更多
下划线
text-decoration:none




         .nav .hover{
                background:url("http://java.g12e.com/project/wenda/images/hover.gif") no-repeat;
                color:rgb(21,130,1);
                margin-top:3px;

         }
          .nav li{
                 float:left;/*左侧挤在一起*/

          }

          ul li{
                list-style: none ouside none ; /*列表 没有图片 外侧显示  外面*/
                font-size:14px;
                font-weight:bold;
                height:35px; /*li的高 和宽 */
                width:96px;
                line-height:35px;
                
                
          }

          div{
                border:solid 1px #00FF00;
          }

          *{
                  padding:0;
                  margin:0;
          }
                
          a{
                text-decoration:none; /*去掉下划线*/
          }
          
          body{
                padding:5px ;
                margin:5px;
          }


        <div class="nav">
                <ul>
                        <li> <a href="#">首页 </a></li>
                        <li> <a href="#">二页 </a></li>
                        <li> <a href="#">三页 </a></li>
                </ul>
        </div>

 

分享到:
评论

相关推荐

    向下滑出的Js CSS导航菜单.rar

    向下滑出的Js CSS导航菜单,带有三角符号的简洁下拉菜单,两级菜单,不过测试时候发现,这款菜单貌似需要破解才可使用,需要硬解ocscript.js,目前还没有找到硬解办法。

    无限级CSS+JQ导航菜单兼容包括IE6在内的主流浏览器

    如果不打算兼容ie6,那么把jq删除后,就是纯css写的无限级横向下拉导航菜单,经测试,暂未发现不兼容的浏览器。目前演示页已经添加到十一级导航!还可添加更多,代码非常简单,就是一直嵌套,样式也非常少,简单明了...

    20个CSS原创导航原档下载

    20个CSS原创导航原档下载,很全的哦,兼容在IE及FIREFOX,OPERA 等主流浏览器中均通过测试,欢迎下载

    大自然绿色清新的CSS3导航菜单.rar

    大自然绿色清新的CSS3两级导航菜单,可下拉显示二级菜单,基于HTML5/CSS3技术实现的菜单,在绿色背景的衬托下,显得十分养眼漂亮。注:因使用了CSS3技术,所以要在支持的浏览器下测试,IE10以下版本不支持本效果。

    CSS3实现3D图片列表风格的导航菜单.rar

    CSS图片列表风格的导航菜单,鼠标放在图片上的时候,可显示出文字内容,另外图片的排列方式也是一大亮点,很有3D立体感,这是用CSS3实现的,在IE下看不到效果哦,而且机器也会有些卡,测试最好使用火狐、chrome等...

    仿114网址导航的,经测试完整无错(CSS+DIV 源码)

    仿114网址导航的,经测试完整无错 具有点入来路自动统计排行功能 CSS+DIV设计 超速全站生成HTML 后台:http://www.***.com/admin/ 用户名:admin 密码:8888

    带未读消息提示标记的CSS3菜单.rar

    一款由HTML5技术实现的带未读消息提示标记的CSS3菜单,竖向排列的导航菜单,菜单项中可显示类似手机微信、QQ...本菜单由CSS3技术实现,请在chrome或火狐浏览器下测试,菜单可在移动端完美运行,运行效果请看测试图。

    css3实现的多级渐变下拉菜单导航效果代码

    这是一款基于css3实现的下拉菜单导航,是非常漂亮的动画菜单,而且是多级菜单的形式,测试时发现可支持5级,估计还可以支持更多的子菜单项,只有你想这么增加下去,CSS3实现的效果真的很棒,期待朋友们现在就赶快...

    分享纯CSS+div漂亮蓝色一级导航菜单效果

    整理一个纯CSS+div的漂亮蓝色一级导航菜单效果! 演示地址:http://www.25gx.com/wl2007/UploadFiles/Beautiful-blue-navigation/ 解压密码:www.25gx.com 注意:兼容IE7、IE8、FF、360。其他浏览器未测试。

    CSS-Tabs:仅使用 css 和 JavaScript 回退旧浏览器的选项卡式导航

    仅使用 css 和 JavaScript 回退旧浏览器的选项卡式导航 查看。 支持 CSS-Tabs 在 Chrome、FireFox、Safari 和 IE 7+ 中进行了测试。 包含 fallback.css 和 fallback.jquery.js 以支持 IE7 和 IE8。 IE7 和 IE8 支持...

    DIV+CSS下拉菜单,适合参考学习

    DIV+CSS下拉菜单,IE6.0可以使用,其他浏览器也均测试通过!

    CSS实现的一个简单时尚的左侧导航

    简单的左侧导航 代码如下: 复制代码代码如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /&gt; &lt;title&gt;测试&lt;/title&gt...

    CSS3横向纵向颜色渐变动画菜单

    这是一款基于CSS3的颜色渐变菜单导航,该菜单提供横向和纵向两种方式,当鼠标滑过菜单时,菜单项会出现不错的颜色渐变动画。 建议开发童鞋使用统一开发环境UDE来进行查看、调试、开发哦~~其属于MM应用引擎的应用...

    Rapid CSS editor(CSS编辑软件) 12.3.0.151 官方特别版.zip

    智能HTML和CSS代码完成,导航和建议功能吨 智能代码重用 代码片段库和代码模板与分配的快捷键 HTML5和CSS3准备 编码功能是最新的最新与现代化的标准 直接的FTP / SFTP/ FTPS 直接编辑您的web服务器上,或一个...

    使用div+css开发个人网站毕业设计.doc

    网站开发的需求分析 15 第二节 网站的总体设计 16 第三节 整体风格设计 19 一、页面属性设计 19 二、色彩搭配 19 三、连接效果 20 四、导航设计 20 五、细节设计 21 第四节 首页设计 21 一、DIV分布和概述 21 二、...

    CSS网页实例:斜角滑动门导航条

    这是前几天写的一个测试代码,实现时,本来想用简单的图片加负数来实现;但GIF图片对半透明的效果无法有很好的支持;所以一边写代码,一边在改图,图片改的比较乱,CSS也没有优化; 但效果出来了; 写出来和大家分享...

    带小箭头的大型滑出下拉菜单,纯CSS实现.rar

    带小箭头的大型滑出导航菜单,纯CSS实现,只是没有使用JS,图片当然要用哦!也有种下拉菜单的感觉,这种大型菜单在联想、Dell、佳能等官方网站看到过,可以对某一产品进行详细的分类导航,让用户在网站首就可轻易...

    基于Html+JS+CSS的环保生态Web前端网页设计.zip

    Dreamweaver 2020,可以运用Dreamweaver 2020进行flash电子相册的制作,用Dreamweaver 2020进行页面布局、页面CSS编码编辑、排版、设计等功能。 Notepad,考虑到Dreamweaver有时运行过慢,编写代码时使用带高亮的...

Global site tag (gtag.js) - Google Analytics