HTML下拉菜单怎么做成横向,纯css实现横向下拉导航菜单(可做左侧类目导航)

【实例简介】

【实例截图】

【核心代码】

无标题文档

*{

margin:0;

padding:0;}/*通用选择器样式*/

body{

font-family:"微软雅黑";}/*标签选择器样式，规定页面的基本字体类型为“微软雅黑”*/

li{

list-style-type:none;}/*标签选择器样式，规定所有的列表类型为去除前面的符号标记*/

#nav{

width:200px;}

#nav h3{

height:50px;

line-height:50px;

background-color:#f00;

background-image:url(images/list.png);

background-repeat:no-repeat;

background-position:15px center;

padding-left:45px;

color:#fff;}/*后代选择器样式࿰