提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

网页布局+纯CSS纵向下拉菜单IE6/IE7兼容

网页CSS 布局 兼容 IE6 下拉菜单 IE7 纵向
2023-06-13 09:13:58 时间

网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容

网页布局+纯CSS纵向下拉菜单 *{ margin:0; padding:0; border:0; } html{ background:#bfc4c7;/*背景颜色*/ } body{ font:12px/150%"宋体"; margin:0auto; width:770px; text-align:center; } #menu,#nav,#footer{ clear:both; } #nav{ padding-left:20px; text-align:left; background:#a60; } #footer{ background:#a30; } #logo,#banner,#mail,#left,#middle,#right{ float:left; width:180px; background:#f00; } #logo,#banner,#mail{ height:60px; } #banner{ width:468px; background:#f60; } #mail{ width:122px; background:#f90; } #left,#right{ width:200px; } #left{ background:#093; } #middle{ width:370px; background:#063; } #right{ background:#033; } /*menu部分*/ #menu{ margin:0auto; width:770px!important; clear:both } #menuul{ list-style:none; } #menuli{ float:left; position:relative; } #menuulul{ visibility:hidden; position:absolute; left:0px; top:30px; } #menutable{ position:absolute; left:0; top:0; } #menuulli:hoverul,#menuula:hoverul{ visibility:visible; } #menua{ display:block; text-align:center; text-decoration:none; width:77px; height:30px; color:#000; line-height:30px; background:#c9c9a7; } #menua:hover{ color:#fff; background:#b3ab79; } #menuululli{ clear:both; text-align:left; } #menuulullia{ display:block; width:77px; height:30px; background:#faeec7; color:#000; } #menuulullia:hover{ background:#dfc184; color:#000; } logo
banner
mail
  • 第一分类
    • XHTML
    • CSS
    • PHP
    • MySQL
    • Fireworks
    • Photoshop
    • Flash
    • Illustrator
  • 第一分类
    • XHTML
    • CSS
    • PHP
    • MySQL
    • Fireworks
    • Photoshop
    • Flash
    • Illustrator
  • 第一分类
    • XHTML
    • CSS
    • PHP
    • MySQL
    • Fireworks
    • Photoshop
    • Flash
    • Illustrator
  • 第一分类
    • XHTML
    • CSS
    • PHP
    • MySQL
    • Fireworks
    • Photoshop
    • Flash
    • Illustrator
  • 第一分类
    • XHTML
    • CSS
    • PHP
    • MySQL
    • Fireworks
    • Photoshop
    • Flash
    • Illustrator
  • 第一分类
    • XHTML
    • CSS
    • PHP
    • MySQL
    • Fireworks
    • Photoshop
    • Flash
    • Illustrator
  • 第一分类
    • XHTML
    • CSS
    • PHP
    • MySQL
    • Fireworks
    • Photoshop
    • Flash
    • Illustrator
  • 第一分类
    • XHTML
    • CSS
    • PHP
    • MySQL
    • Fireworks
    • Photoshop
    • Flash
    • Illustrator
  • 第一分类
    • XHTML
    • CSS
    • PHP
    • MySQL
    • Fireworks
    • Photoshop
    • Flash
    • Illustrator
  • 第一分类
    • XHTML
    • CSS
    • PHP
    • MySQL
    • Fireworks
    • Photoshop
    • Flash
    • Illustrator
您的位置:网站首页 left middle right footer

相关文章