/* ul li以横排显示 */

/* 所有class为hengxiangdaohang的div中的ul样式 */
div.hengxiangdaohang ul
{
    list-style:none; /* 去掉ul前面的符号 */
    margin: 0px; /* 与外界元素的距离为0 */
    padding: 0px; /* 与内部元素的距离为0 */
    width: 780px; /* 宽度根据元素内容调整 */
}
/* 所有class为hengxiangdaohang的div中的ul中的li样式 */
div.hengxiangdaohang ul li
{
    float:left; /* 向左漂移，将竖排变为横排 */
}
/* 所有class为hengxiangdaohang的div中的ul中的a样式(包括尚未点击的和点击过的样式) */

div.hengxiangdaohang ul li a, div.hengxiangdaohang ul li a:visited
{
   /* background-color: Black;  背景色 */
    border: 0px #4e667d solid; /* 边框 */
    color: black; /* 文字颜色 */
    font-weight:normal;
    display: block; /* 此元素将显示为块级元素，此元素前后会带有换行符 */
    line-height: 1.35em; /* 行高 */
    padding: 10px 20px; /* 内部填充的距离 */
    text-decoration: none; /* 不显示超链接下划线 */
    white-space: nowrap; /* 对于文本内的空白处，不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。 */
}
/* 所有class为hengxiangdaohang的div中的ul中的a样式(鼠标移动到元素中的样式) */
div.hengxiangdaohang ul li a:hover
{
    background-color: Red; /* 背景色 */
    color: White; /* 文字颜色 */
     font-weight:normal;
    text-decoration: none; /* 不显示超链接下划线 */
}
/* 所有class为hengxiangdaohang的div中的ul中的a样式(鼠标点击元素时的样式)
div.hengxiangdaohang ul li a:active
{
    /* background-color: Red; 背景色 */
   /*  color: White; 文字颜色 */
   /* text-decoration: none;  不显示超链接下划线 
} */