Risco6年前
*{padding: 0px;margin: 0px;}
a{text-decoration: none;/* 去掉下划线 */ line-height: 38px;/* 行高 */font-size:15px;/* 字体大小 */}
ul li{list-style:none;/* 去掉有序列表前面的圆点 */}
.clear{clear:both}
.top{width: 100%;/* 宽 */height: 38px;/* 高 */background-color: #f5f5f5;/* 背景颜色 */}
.top_center{width: 1200px;/* 宽 */height: 38px;/* 高 */margin: 0px auto;/* 居中 */}
.top_left{/* 宽 */height: 38px;/* 高 */float: left/* 左浮动 */}
.top_left a{margin-right: 5px;/* 右边外边距 */}
.top_right{/* 宽 */height: 38px;/* 高 */float: right;/* 有浮动 */}
.top_right a{margin-right: 6px;/* 右边外边距 */}
.top_left_a{color: #6c6c6c;/* 字体颜色 */display:inline-block;/* 内快元素 例如显示下拉框 */
position: relative;/* 相对定位 例如相对框内的定位*/height: 38px;/* 高 */text-align: center;/* 文字居中 */}
.top_left_b{color: #6c6c6c;/* 字体颜色 */}
.top_left_a:hover{height:38px;/* 鼠标点击的高度 */background-color: #fff;/* 鼠标点击的背景颜色 */color: red;/* 字体颜色 */}/* 鼠标点击的效果 */
.top_left_b:hover{color: red;/* 字体颜色 */}/* 鼠标点击的效果 */
.top_left_a ul{border: 1px solid #f5f5f5;/* 边框为 一个像素 边框为单线*/display: none;/* 次元素不会被显示 例如元素不显示在行外 只是合并了 */}
.top_left_a:hover ul {display: block;/* 鼠标点击后显示快及元素 例如显示在下方*/position: absolute;/* 绝对定位 */width: 90px;/* 鼠标点击的高 */} /* 鼠标点击的效果 */
.top_left_a ul li{color: #6c6c6c;/* 字体颜色 */}
.top_left_a ul li:hover{background-color: #f5f5f5;/* 鼠标点击背景颜色*/}
0
