首页 > 编程知识 正文

css下拉菜单思路,divcss布局模板代码

时间:2023-05-04 06:18:39 阅读:41596 作者:4384

纯CSS菜单body{font-family: '新宋体'; margin:0; (/)设置所有页面的字体和页边距) /

. nav{width:720px; margin:0 auto 0 auto; (/)设定DIV的宽度和中央) /

. nav lilia { display :在线- block; (/)处理ie-bug ) /

. nav li li a {display:block; }

. nav ul {list-style-type:none; margin:0; padding:0; }

. nav ul li { float:left; line-height:24px; 显示: block; border-bottom : dashed # CCC 1px; font-size:12px; padding:0; margin:0; width:120px; (/)将第1级菜单显示在左侧(浮动可以显示在同一行中)、宽度和其他属性) /

. nav ul li a {display:block; width:120px; height:24px; font-size:12px; 文本对齐3360中心; color:#555; 文本修饰:无; 后台: # f7f7f 7; (/)在第1级菜单中设置链接的位置(display:block以块显示,并显示其他属性(/)

. nav ul table {width:100%; border:0; padding:0; margin:0; (/)设置表格属性) /

. nav ul li ul {display:none; (/)隐藏设置) /

. nav ul li:hover, nav ul li a:hover, navul lia : active { color : red; 背景色: # f1f1f 1; (/)设置一级菜单鼠标通过的文字颜色和背景颜色) /

. nav ul li:hover ul,/*IE6.0不支持此书写方式。 后者*/.nav ul li a:hover ul, navul lia : active ul { display 3360 block; width:100%; }/*当鼠标设置为通过一级菜单中的字符时,将在块中显示下一级UL。 UL包含LI和a的所有内容,因此只需显示UL即可。 所有其他() /

. nav ul ul Li { display :块; width:100%; border :否; (/)设定2级菜单的宽度和块显示等) /

. nav ul ul li a{display:block; 颜色:蓝色; border :否; color:#555; (/)将辅助菜单中鼠标通过的文字颜色和背景颜色设置为以块显示(/

首页11112111121121111112导航2 222221222221222221导航333331333333331导航4444444144444441导航5555155555555555555555555555555555555555555555555555551

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。