垂直菜单：

！DOCTYPE htmlhtml lang='en'head

meta charset='UTF-8 '标题菜单/标题

style * { margin : 0；padd : 0；} #菜单{ width: 200px高度：

160 px/* background : blanchedalmond；*/margin : 50px auto；} #菜单ul{

列表样式：无；/*取消项目符号*/} #菜单ul Li {宽度： ；高度： 36px

线高： 36px文本-对齐：中心；背景适中的兰花紫

border-bottom: 2px实心海蓝宝石；border-left: 10px实心褐红色；

border-right: 2px实心褐红色；} #菜单保险商实验所阿利{ text-decoration : none

/*取消超级链接的下划线*/display:块；} #菜单ul阿利： link { color : white}

#菜单ul阿利：拜访{ color : white} #菜单ul阿利：悬停{背景：

绿色；} /style/headbody div id='menu '

ul lia href='# '首页/a/li

lia href='# '公司简介/a/li lia

href='# '特色产品/a/Li Li style='边框-底部：

0'a href='# '联系我们/a/li /ul

/div/body/html

水平菜单：

！文档类型

html html lang=' en ' head meta charset=' UTF-8 '

标题菜单/标题样式* { margin : 0；padd : 0；

} #菜单{ width: 800pxheight: 36px背景漂白后的杏仁

margin: 50px auto} #菜单ul { width : ；列表样式：无；/*取消项目符号*/

} #菜单ul Li { width : 100 pxhire : 36px线高： 36px

文本-对齐：中心；向左浮动：} #菜单保险商实验所阿利{ text-decoration : none

/*取消超级链接的下划线*/display:块；} #菜单ul阿利：链接{ color : # ff2f 1b}

#菜单ul阿利：访问了{ color : # ff2d 1a；} #菜单ul li a:hover{

背景chartreuse}/style/head dy

div id=' menu ' ul Li style='左边距-:

200pxa href='# '首页/a/li lia

href='# '公司简介/a/li lia

href='# '特色产品/a/li lia

href='# '联系我们/a/li /ul

/div/body/html

并列式列表：

！文档类型

html html lang=' en ' head meta charset=' UTF-8 '

TItle TItle/TItle style * { margin : 0；padding:

0;} # list 01 { width : 300 pxhire : 200 px/* border : 1px纯红；*/

margin : 0 auto } # list 01 dt { width : 180 pxhright : 36px线高：

36px/* text-align :居中；*/float:左侧；border-bottom: 1px虚线

红色；填充-左：20 px背景： URL(' images/727。gif ')无重复0

居中；} # list 01 DD { width : 100 pxh weight : 36px线高： 36px

文本-对齐：中心；向左浮动：border-bottom: 1px点红色；}

/style/headbody div id='list01 '

定义列表隐形的翅膀/dt dd张韶涵/dd

震颤性精神错乱(震颤谵妄的缩写)忘情水/dt dd刘德华/dd

震颤性精神错乱(震颤谵妄的缩写)月亮之上/dt dd凤凰传奇/dd

震颤性精神错乱(震颤谵妄的缩写)演员/dt dd薛之谦/dd /dl

/div/body/html