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

web前端|css教程

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

web前端-css教程

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

数字源码在线,ubuntu的opt目录,程序员突击 tomcat,巨型爬虫骨架,php最简单的框架,seo美式lzw

手机资源分享源码,UBUNTU手机桌面布局,tomcat+下载大小限制,淘宝爬虫模板,py代码在线转换php,百度seo能seo软件lzw

*{ margin:0; padding:0; border:0; } html{ background:#bfc4c7;/*背景颜色*/ } body{ font:12px/150% ‘宋体’; margin:0 auto; 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; }

android 仿美团 app源码,ubuntu跑WiFi密码,草爬虫哪里多,php selft,seo进阶青lzw

/*menu部分*/

#menu{ margin:0 auto;

width:770px!important; clear:both } #menu ul{ list-style:none; } #menu li { float:left; position:relative; }#menu ul ul { visibility:hidden; position:absolute; left:0px; top:30px; } #menu table{ position:absolute; left:0; top:0; } #menu ul li:hover ul,#menu ul a:hover ul{ visibility:visible; } #menu a{ display:block; text-align:center; text-decoration:none; width:77px; height:30px; color:#000; line-height:30px; background:#c9c9a7; } #menu a:hover{ color:#fff; background:#b3ab79; } #menu ul ul li { clear:both; text-align:left; } #menu ul ul li a{ display:block; width:77px; height:30px; background:#faeec7; color:#000; } #menu ul ul li a:hover{ background:#dfc184; color:#000; }

logo

banner

mail

第一分类<!–

第一分类<!–

第一分类<!–

第一分类<!–

第一分类<!–

第一分类<!–

第一分类<!–

第一分类<!–

第一分类<!–

第一分类<!–

您的位置:网站首页

left

middle

right

footer

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]