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