`

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>

 

分享到:
评论

相关推荐

    实用的CSS导航条自动生成器

    "实用的CSS导航条自动生成器"是一个专为网页设计师和开发者设计的工具,简化了创建美观、功能齐全的导航条的过程。这个生成器允许用户通过直观的界面自定义导航条的样式和行为,而无需深入理解复杂的CSS代码。 首先...

    黑色多级CSS导航条

    "黑色多级CSS导航条"是一个专门设计的组件,旨在提供美观且可自定义的导航菜单,尤其适合那些追求视觉效果和用户体验的网站。在这个主题中,我们将深入探讨如何创建、定制和优化这样的导航条。 首先,CSS(层叠样式...

    CSS导航制作工具

    10. **测试与调试**:使用CSS导航制作工具完成后,需要在多种浏览器和设备上进行测试,确保所有链接功能正常,样式无误。开发人员可以借助浏览器的开发者工具进行实时调试和修改。 综上所述,"CSS导航制作工具"是...

    不规则形状背景纯css导航菜单

    而“不规则形状背景纯css导航菜单”是一个独特的设计概念,它挑战了传统的矩形或直线边界的限制,通过CSS技术来创建具有视觉吸引力的、非传统形状的导航元素。下面我们将深入探讨这一主题,详细介绍如何利用CSS实现...

    纯css的导航下拉菜单

    ### 纯CSS导航下拉菜单知识点解析 在现代网页设计中,导航栏是非常重要的组成部分之一,它不仅能够提升用户体验,还能帮助用户快速找到所需的信息。本次分享的是一个完全使用CSS实现的导航下拉菜单,这不仅可以减少...

    CSS导航布局中当前页面的做法

    当我们谈论"CSS导航布局中当前页面的做法"时,我们主要关注如何通过CSS(层叠样式表)技术来高亮显示用户当前所处的页面链接。这种视觉提示有助于提升用户体验,让用户明确自己的位置。以下是一些关于实现这一功能的...

    DIV+CSS导航制作器

    "DIV+CSS导航制作器"是一款专为网页设计师打造的工具,旨在简化导航栏的设计过程,提高工作效率,同时确保生成的导航样式美观、符合现代网页标准。 首先,了解CSS(层叠样式表)的基础知识至关重要。CSS是用于控制...

    导航栏生成器CSS Tab Designer.zip

    【CSS Tab Designer】是一款强大的在线工具,专门用于创建和设计美观、响应式的导航栏。它基于CSS(层叠样式表)技术,使开发者能够轻松定制和预览网页的Tab式导航结构。通过这款生成器,你可以快速制作出适应不同...

    横向实用立体css导航菜单

    本主题聚焦于“横向实用立体CSS导航菜单”的设计与实现,这是一类常见且极具视觉吸引力的菜单样式。在本文中,我们将深入探讨CSS(层叠样式表)如何被用来创建具有立体效果的横向导航菜单,以及如何通过实践来优化...

    淘宝SDK模块代码 左侧分类导航CSS样式

    在这个特定的场景中,我们关注的是“左侧分类导航”的CSS样式部分。 首先,让我们理解什么是SDK。SDK是一组工具和资源,它允许开发者在特定平台上创建、测试和调试应用程序。淘宝SDK可能包括用于商品搜索、订单管理...

    CSS打造的一个超炫动态导航菜单效果

    本文将深入探讨如何利用CSS(层叠样式表)技术来创建一个超炫动态的导航菜单效果,让用户体验更加流畅且吸引人。 首先,理解CSS的基本结构至关重要。CSS是一种样式表语言,用于描述HTML或XML(包括如SVG、MathML等...

    超漂亮JS+CSS动感导航菜单

    10. **测试与调试**:在开发过程中,开发者会进行各种测试,包括功能测试、性能测试、兼容性测试,以及使用浏览器的开发者工具进行调试,以确保导航菜单的稳定性和可靠性。 综上所述,"超漂亮JS+CSS动感导航菜单...

    Google的css导航代码完整版

    本资源提供的是Google风格的CSS导航代码的完整版,适用于那些希望在自己的网站上实现类似Google简洁、高效的导航体验的设计者。 首先,我们要理解Google导航栏的特点:它通常包含一个水平排列的菜单,其中包括主要...

    div+css下拉导航栏

    7. **优化**:最后,进行测试和优化,确保导航栏在各种浏览器和设备上都能正常工作。考虑可访问性,确保键盘导航也能顺畅。 综上所述,利用`div+css`创建下拉导航栏涉及HTML结构的规划、CSS样式的应用和交互逻辑的...

    html5-css3仿微信底部固定响应式导航菜单代码

    - 虽然大部分现代浏览器都支持HTML5和CSS3,但仍需测试在不同浏览器上的表现,确保在旧版本或不常见浏览器中的功能性和可用性。 总结,创建一个仿微信底部固定响应式导航菜单涉及HTML5的结构元素和CSS3的布局、...

    四种css实现滑动导航菜单demo

    本示例探讨了四种不同的CSS方法来实现滑动导航菜单,这些方法可以帮助开发者创建功能强大且美观的用户界面。以下是对这四种方法的详细说明: 1. **基于CSS Transitions的滑动导航菜单** CSS Transitions是CSS3引入...

    完全用CSS实现的中英文双语导航菜单

    【正文】 在网页设计中,实现中英文双语导航菜单是一项常见的需求,尤其对于具有国际化的网站来说,提供多语言支持能大大...通过不断优化和测试,你可以创建出一个既美观又实用的双语导航菜单,提升网站的国际化体验。

    js+css实现背景图片自适应宽度导航代码

    "js+css实现背景图片自适应宽度导航代码"的主题旨在教你如何利用JavaScript(js)和层叠样式表(css)来创建一个背景图片能根据导航文字宽度自适应的导航条,同时模仿苹果产品的导航条效果。以下将详细介绍这一技术...

    _精美的css鼠标经过弹出导航菜单代码.zip

    【标题】:“精美的css鼠标经过弹出导航菜单代码.zip”这一压缩包包含了一套用于创建动态、响应式的网页导航菜单的CSS代码。这个代码设计的主要目标是为网站添加一个吸引用户并提供良好交互体验的导航菜单。当鼠标...

    20个CSS原创导航原档下载

    此外,“兼容在IE及FIREFOX,OPERA 等主流浏览器中均通过测试”表明这些CSS导航设计考虑到了跨浏览器的兼容性问题。在Web开发中,确保网站在不同浏览器上的表现一致是一项挑战,因为每个浏览器可能对CSS的支持程度和...

Global site tag (gtag.js) - Google Analytics