网页中纵向菜单制作

beiyasjhf

做网站时需要为客户提供这样的功能，在网上搜索了一下，发现这个可以引用。
贴上来与大家共同分享！
/*纵向菜单*/
.menu {
/*MARGIN: 0px 0px 0px 0px; 定义层的外边框距离*/
PADDING-left:2px;    /*定义层的内边框为15px*/
/*BACKGROUND: #4CB1E5;   定义背景颜色*/
COLOR: #666; /*定义边框为2px白色线条*/
WIDTH:160px;    /*定义内容的宽度为160px*/
clear:both;
font-size: 12px;
font-weight: normal;
border-top-width: 0px;
border-right-width: 20px;
border-bottom-width:0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #4CB1E5;
border-right-color: #4CB1E5;
border-bottom-color: #4CB1E5;
border-left-color: #4CB1E5;
}
.menu ul {
MARGIN: 0px;
PADDING: 0px;
BORDER: medium none; /*不显示边框*/
LINE-HEIGHT: normal;
LIST-STYLE-TYPE: none;
}
.menu li {
MARGIN: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width:0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #4CB1E5;
border-right-color: #4CB1E5;
border-bottom-color: #4CB1E5;
border-left-color: #4CB1E5;
}
.menu li a {
PADDING:4px 0px 0px 25px;
DISPLAY: block;
FONT-WEIGHT: normal;
WIDTH: 160px;
COLOR: #000;
TEXT-DECORATION: none;
background-color: transparent;
background-image: url(/image/dh5.gif);
background-repeat: no-repeat;
background-position: left center;
}
.menu li a:hover {
COLOR: #4CB1E5;
background-color: #ffffff;
background-image: url(/image/dh4.gif);
background-repeat: no-repeat;
background-position: left center;
}
body{
公司简介  
硬盘数据恢复  
RAID数据恢复  
客户服务  
联系我们  
}


本文来自ChinaUnix博客，如果查看原文请点：http://blog.chinaunix.net/u3/98097/showart_2099151.html