淘宝导航栏css代码分享

2020-05-06 09:11:38易采站长站整理

.con_style select{ height: 25px; line-height: 25px; padding: 0; width: 180px; border-radius: 2px; border: 1px solid #c5c5c5; border-top: 1px solid #c4c4c4;}
.con_style label{ padding-right: 25px;}
.con_style input.width80{ width: 80px; margin-left: 5px;}
.search_con{ border:1px solid #ccc; padding: 15px; margin: 10px 0;}
.con_title{ height: 30px; line-height: 30px; color: #000; font-weight: bold;}
.con_con label{ display: inline-block;}</p>
<p>.end_wrap{ width: 80%;}
.end_box{ margin: 6px; height: 320px; background: #f8f6f8; margin-top: 0; position: relative; border-right: 1px solid #f8f6f8;}
.end_box li{ display: block; height: 62px; background-position: 20px center; background-repeat: no-repeat; border-right: 1px solid #ccc; width: 297px;}
.end_box li:hover {background-color: #fff;border: 1px solid #ccc;border-right: 1px solid #fff;}
.end_box h3{color: #f39b19; font-size: 13pt;}
.end_box a{margin-right: 10px; text-decoration: none; color: #404040;}
.end_box li dl{ padding-left: 75px; padding-top: 10px; padding-bottom: 3px; width: 223px;}
.end_box li dl dt{ display: block;position: relative;}
.end_box li dl dd{ width: 867px; border: 1px solid #ccc; height: 318px; position: absolute; z-index: 2; left: 298px; background: #fff; top: 0; display: none; border-left: 0 none; overflow-y: auto;}
.end_box li.hover dl dd{ display: block;}
.end_box .shiling{ background-image: url(../images/ico_shiling.png);}
.end_box .guonei{ background-image: url(../images/ico_train.png);}
.end_box .guoji{ background-image: url(../images/ico_plane.png);}
.end_box .gongsi{ background-image: url(../images/ico_men.png);}
.end_box .visa{ background-image: url(../images/ico_visa.png);}</p>
<p>.subitem { float: left; width: 385px; min-height: 65px; padding-left: 15px; z-index: 100;}
.subitem .li_dl { overflow: hidden; zoom: 1; padding: 5px 0; }
.subitem .li_dl_dt { float: left; width: 85px; line-height: 20px; text-align: left; color: #f39b19;}
.subitem .li_dl_dd { float: left; width: 300px; }
.subitem em { float: left; font-style: normal; white-space: nowrap; height: 14px; line-height: 14px; border-right: 1px solid #ccc; margin: 3px 0; padding: 0 8px; }
.subitem em:last-child { border: 0 none; }