您现在的位置是：网站首页> 编程资料编程资料

CSS导航布局中当前页面的具体实现demo示例设置div背景透明的方法示例CSS实现div不设高度完全居中div自适应高度自动填充剩余高度详解DIV+CSS的命名规矩才能有利于SEO优化的实现方法DIV或者DIV里面的图片水平与垂直居中的方法详解如何用div实现自制滚动条div对齐与网页布局详解DIV+CSS实现电台列表设计的示例代码div+css实现带箭头的面包屑导航栏不定宽高的文字在div中垂直居中实现方法

2023-10-28 406人已围观

简介 以下代码内容为CSS导航布局中当前页面的做法，属于站长常用代码，各位站长朋友有类似情况的可以参考下哈，希望对大家有所帮助


复制代码
代码如下:







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





当前位置：About


当前页面--比如说现在的页面是首页，那么在导航栏上首页的色彩等和其他栏目有所不同，用以给浏览者一个明显的指示。


下面来说下具体的做法，菜单的基本实现和一般的CSS菜单没多大区别，着重说下如何 实现当前页。


设菜单有5个栏目：home、about、products、services、contact，分别给每个栏目一个ID，m1-m5


然后分别给每个页面的bady标签一个独立的ID，当前是哪个页面，那个页面的BODY的ID就是哪个，例如给首页的ID是home，其余的类推。


这样做法的好处是每个页面的菜单都是一样的，方便修改，动态页包含也容易。




上一篇：下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐)设置div背景透明的方法示例CSS实现div不设高度完全居中div自适应高度自动填充剩余高度详解DIV+CSS的命名规矩才能有利于SEO优化的实现方法DIV或者DIV里面的图片水平与垂直居中的方法详解如何用div实现自制滚动条div对齐与网页布局详解DIV+CSS实现电台列表设计的示例代码div+css实现带箭头的面包屑导航栏不定宽高的文字在div中垂直居中实现方法

下一篇：.clearfix:after(清除浮动)中各个属性及值详细解说设置div背景透明的方法示例CSS实现div不设高度完全居中div自适应高度自动填充剩余高度详解DIV+CSS的命名规矩才能有利于SEO优化的实现方法DIV或者DIV里面的图片水平与垂直居中的方法详解如何用div实现自制滚动条div对齐与网页布局详解DIV+CSS实现电台列表设计的示例代码div+css实现带箭头的面包屑导航栏不定宽高的文字在div中垂直居中实现方法

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网