style:nav的修改
Showing
4 changed files
with
30 additions
and
9 deletions
| ... | @@ -36,7 +36,7 @@ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockq | ... | @@ -36,7 +36,7 @@ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockq |
| 36 | vertical-align: baseline; | 36 | vertical-align: baseline; |
| 37 | font-size: 100%; | 37 | font-size: 100%; |
| 38 | background: transparent; | 38 | background: transparent; |
| 39 | font-family: Arial; | 39 | font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif,PingFangSC-Medium, PingFang SC; |
| 40 | } | 40 | } |
| 41 | .layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a { | 41 | .layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a { |
| 42 | font-weight: 600; | 42 | font-weight: 600; |
| ... | @@ -45,6 +45,10 @@ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockq | ... | @@ -45,6 +45,10 @@ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockq |
| 45 | .layui-nav .layui-this:after { | 45 | .layui-nav .layui-this:after { |
| 46 | display: none; | 46 | display: none; |
| 47 | } | 47 | } |
| 48 | .layui-nav .layui-nav-item a:hover { | ||
| 49 | color: #fff; | ||
| 50 | } | ||
| 51 | |||
| 48 | .layui-nav-bar { | 52 | .layui-nav-bar { |
| 49 | display: none; | 53 | display: none; |
| 50 | } | 54 | } |
| ... | @@ -128,11 +132,25 @@ div.navigation { | ... | @@ -128,11 +132,25 @@ div.navigation { |
| 128 | text-align: center; | 132 | text-align: center; |
| 129 | } | 133 | } |
| 130 | .navigation .layui-nav-item { | 134 | .navigation .layui-nav-item { |
| 131 | width: 169px; | 135 | width: 147px; |
| 132 | position: relative; | 136 | position: relative; |
| 133 | border: 1px solid rgba(255,255,255, 0.2); | 137 | border-left: 1px solid rgba(255,255,255, 0.2); |
| 134 | margin-left: -1px; | 138 | border-right: 1px solid rgba(255,255,255, 0.2); |
| 139 | margin-right: -1px; | ||
| 140 | } | ||
| 141 | .navigation .layui-nav-item:hover { | ||
| 142 | border-color: #0091FF; | ||
| 135 | } | 143 | } |
| 144 | .navigation .layui-nav-item:hover + .layui-nav-item { | ||
| 145 | border-color: #0091FF; | ||
| 146 | } | ||
| 147 | .layui-this { | ||
| 148 | border-color: #0091FF; | ||
| 149 | } | ||
| 150 | .layui-this+ .layui-nav-item { | ||
| 151 | border-left-color: #0091FF; | ||
| 152 | } | ||
| 153 | |||
| 136 | .layui-bg-blue { | 154 | .layui-bg-blue { |
| 137 | background-color: #006CFF!important; | 155 | background-color: #006CFF!important; |
| 138 | } | 156 | } |
| ... | @@ -141,7 +159,7 @@ div.navigation { | ... | @@ -141,7 +159,7 @@ div.navigation { |
| 141 | font-size: 16px; | 159 | font-size: 16px; |
| 142 | } | 160 | } |
| 143 | .layui-nav .layui-nav-more { | 161 | .layui-nav .layui-nav-more { |
| 144 | right: 31px; | 162 | right: 24px; |
| 145 | } | 163 | } |
| 146 | 164 | ||
| 147 | /* -----------------底部start----------------------------- */ | 165 | /* -----------------底部start----------------------------- */ | ... | ... |
| ... | @@ -163,7 +163,7 @@ div.banner ul li a { | ... | @@ -163,7 +163,7 @@ div.banner ul li a { |
| 163 | /* -------------常见问题start--------------------- */ | 163 | /* -------------常见问题start--------------------- */ |
| 164 | .common_question { | 164 | .common_question { |
| 165 | padding: 40px; | 165 | padding: 40px; |
| 166 | background-color: #F6F9FB; | 166 | background-color: #fcf8f8; |
| 167 | } | 167 | } |
| 168 | .common_question .subject_con { | 168 | .common_question .subject_con { |
| 169 | width: 1200px; | 169 | width: 1200px; |
| ... | @@ -172,7 +172,7 @@ div.banner ul li a { | ... | @@ -172,7 +172,7 @@ div.banner ul li a { |
| 172 | } | 172 | } |
| 173 | .common_question .subject, .interact{ | 173 | .common_question .subject, .interact{ |
| 174 | border-radius: 2px; | 174 | border-radius: 2px; |
| 175 | width: 48%; | 175 | width: 49%; |
| 176 | border: 1px solid #DEDEDE; | 176 | border: 1px solid #DEDEDE; |
| 177 | background-color: #ffffff; | 177 | background-color: #ffffff; |
| 178 | } | 178 | } |
| ... | @@ -441,7 +441,7 @@ div.c_one .news ul { | ... | @@ -441,7 +441,7 @@ div.c_one .news ul { |
| 441 | 441 | ||
| 442 | 442 | ||
| 443 | div.c_two { | 443 | div.c_two { |
| 444 | background: #F6F9FB; | 444 | background: #fcf8f8; |
| 445 | } | 445 | } |
| 446 | 446 | ||
| 447 | 447 | ||
| ... | @@ -459,6 +459,7 @@ div.c_two h2 { | ... | @@ -459,6 +459,7 @@ div.c_two h2 { |
| 459 | font-size: 26px; | 459 | font-size: 26px; |
| 460 | font-weight: 600; | 460 | font-weight: 600; |
| 461 | letter-spacing: 2px; | 461 | letter-spacing: 2px; |
| 462 | background-color: #fcf8f8; | ||
| 462 | } | 463 | } |
| 463 | 464 | ||
| 464 | div.c_two ul { | 465 | div.c_two ul { | ... | ... |
| ... | @@ -41,6 +41,7 @@ | ... | @@ -41,6 +41,7 @@ |
| 41 | <li class="layui-nav-item layui-this"><a href="./staticIndex.html" title="首页">首页</a></li> | 41 | <li class="layui-nav-item layui-this"><a href="./staticIndex.html" title="首页">首页</a></li> |
| 42 | <li class="layui-nav-item"><a href="./staticViews/xwdt/index.html" title="新闻动态">新闻动态</a></li> | 42 | <li class="layui-nav-item"><a href="./staticViews/xwdt/index.html" title="新闻动态">新闻动态</a></li> |
| 43 | <li class="layui-nav-item"><a href="">业务办理</a></li> | 43 | <li class="layui-nav-item"><a href="">业务办理</a></li> |
| 44 | <li class="layui-nav-item"><a href="">政策法规</a></li> | ||
| 44 | <li class="layui-nav-item"><a href="./staticViews/bszn/index.html">办事指南</a></li> | 45 | <li class="layui-nav-item"><a href="./staticViews/bszn/index.html">办事指南</a></li> |
| 45 | <li class="layui-nav-item"> | 46 | <li class="layui-nav-item"> |
| 46 | <a href="javascript:;">查验中心</a> | 47 | <a href="javascript:;">查验中心</a> | ... | ... |
| ... | @@ -40,9 +40,10 @@ | ... | @@ -40,9 +40,10 @@ |
| 40 | </div> | 40 | </div> |
| 41 | <div class="navigation"> | 41 | <div class="navigation"> |
| 42 | <ul class="layui-nav layui-bg-blue" lay-filter=""> | 42 | <ul class="layui-nav layui-bg-blue" lay-filter=""> |
| 43 | <li class="layui-nav-item "><a href="./../../staticIndex.html">首页</a></li> | 43 | <li class="layui-nav-item"><a href="./../../staticIndex.html">首页</a></li> |
| 44 | <li class="layui-nav-item layui-this"><a href="./index.html">新闻动态</a></li> | 44 | <li class="layui-nav-item layui-this"><a href="./index.html">新闻动态</a></li> |
| 45 | <li class="layui-nav-item"><a href="">业务办理</a></li> | 45 | <li class="layui-nav-item"><a href="">业务办理</a></li> |
| 46 | <li class="layui-nav-item"><a href="">政策法规</a></li> | ||
| 46 | <li class="layui-nav-item"><a href="./../../staticViews/bszn/index.html">办事指南</a></li> | 47 | <li class="layui-nav-item"><a href="./../../staticViews/bszn/index.html">办事指南</a></li> |
| 47 | <li class="layui-nav-item"> | 48 | <li class="layui-nav-item"> |
| 48 | <a href="javascript:;">查验中心</a> | 49 | <a href="javascript:;">查验中心</a> | ... | ... |
-
Please register or sign in to post a comment