/** 页头区 **/ .top { border-bottom: 1px solid #DCDCDC; ///底部线颜色 } .top td { background: #F4F4F4; ///td背景颜色 } .top table td { padding: 3px 10px; // 内边距: 上下3像素 左右10像素 } .top a { } .top .inputText { height: 14px; ///框高14像素 border: 1px solid #999; ///框边线宽1像素 实线 颜色#999 } .top .inputSub { height: 19px; }
/** 导航 **/ .nav { background: url(../images/nav_bg.jpg) repeat-x left top; ///加入背景图片nav_bg.jpg x坐标平铺 居左 居上 } .nav .nav_global { } .nav .nav_global ul { padding: 0 10px; } .nav .nav_global li { cursor:pointer; float:left; text-align:center; ///文本居中 text-decoration:none; font-size: 14px; line-height: 33px; ///位置高33像素 配合height:33可以实现 居中效果,但像素必须一样。 font-weight: bold; ///文字加粗 color: #FFF; background: url(../images/nav_line.jpg) no-repeat right top; 背景图片nav_line.jpg 不平铺 靠右 靠上 padding-right: 2px; } .nav .nav_global li a { display: block; ///转换成块元素 color: #fff; text-align: center; ///文本居中 padding: 0 14px; } .nav .nav_global li a:hover { color: #000!important; text-decoration: none; } .nav .nav_global li.curr a { color: #000; background: url(../images/nav_li_hover.jpg) repeat-x center top; } .nav_sub { padding: 6px; } .nav_sub a { padding: 0 2px; }
|