分类： 系统运维
2009-11-20 11:50:14
做网站时需要为客户提供这样的功能，在网上搜索了一下，发现这个可以引用。
贴上来与大家共同分享！
/*纵向菜单*/
.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{
