！ 文档类型html
html lang='en '
头戴
meta charset='UTF-8 '
title纯CSS实现下拉菜单/title
斯泰尔斯
* {
padding: 0；
margin: 0；
}
body {
font:14px 'Microsoft YaHei '，sans-serif；
}
ul {
列表样式： none；
}
. container {
margin : 0自动；
width: 1000px；
}
. nav {
/*margin-top: 60px； */
width: 100%；
高： 40px；
line-height: 40px；
后台： # 333；
(/)一级菜单(//)此选择器适用于所有Li(/
. nav li {
浮点：左；
position: relative；
}
/*一级菜单*
. nav li a {
/*a是在线元吵的绿草所以/
显示： block；
width: 100px；
文本对齐3360中心；
color: #fff；
文本修饰：无；
}
/*二级菜单*
. nav li ul li a {
color: #333；
}
. nav li ul li {
/*安装在盖板前*
浮点：无；
}
. nav li ul {
/* border : 1px固态# CCC；
博德- top : none； */
后台： # FFf；
/*级菜单为cxdgk/
显示：无；
/*绝对决定悲伤的行人/
位置： absolute；
left:0；
top:
}
/*横穿那个li的哪个li就会变红*/
. nav li:hover {
后台： red；
}
. nav li:hover ul{
显示： block；
}
banner*/
. banner img {
width: 100%；
}
/style
/head
body div class='nav '
div class='container '
ul
lia href='# '首页/a/li
沥
a href='# '博客/a
ul
lia href='# '同志博客/a/li
lia href='# '同志博客/a/li
lia href='# '老同志博客/a/li
lia href='# '大同志博客/a/li
/ul
/li
沥
a href='# '论坛/a
ul
lia href='# '同志论坛/a/li
lia href='# '红色论坛/a/li
lia href='# '黄色论坛/a/li
lia href='# '绿色论坛/a/li
/ul
/li
lia href='# '关于我们/a/li
沥
a href='# '通报我/a
ul
lia href='# '涉黄/a/li
lia href='# '涉黑/a/li
lia href='# '涉及赌博/a/li
lia href='# '涉毒/a/li
/ul
/li
/ul
/div
/div
div class='banner '
img src=' ././dist/images _ one/meinv 02.jpg ' alt=' '
/div
/body
/html