Commit bb52347d59484290f70b6399ae47549c7732ac36
1 parent
d7a0fe8c
首页 头部
Showing
4 changed files
with
29 additions
and
3 deletions
css/libCss/common.css
| @@ -18,6 +18,27 @@ header{ | @@ -18,6 +18,27 @@ header{ | ||
| 18 | width: 100%; | 18 | width: 100%; |
| 19 | background-color: #fff; | 19 | background-color: #fff; |
| 20 | } | 20 | } |
| 21 | +.java-logo{ | ||
| 22 | + height: 80px; | ||
| 23 | + display: inline-block; | ||
| 24 | + background: url("../../image/java-logo.png") no-repeat 47px center; | ||
| 25 | +} | ||
| 26 | +.java-title{ | ||
| 27 | + display: inline-block; | ||
| 28 | + height: 80px; | ||
| 29 | + width: 167px; | ||
| 30 | + margin-left: 101px; | ||
| 31 | + background: url("../../image/java-title.png") no-repeat 0px center; | ||
| 32 | +} | ||
| 33 | +.java-loginout{ | ||
| 34 | + cursor: pointer; | ||
| 35 | + float: right; | ||
| 36 | + width: 27px; | ||
| 37 | + height: 28px; | ||
| 38 | + background: url("../../image/pladata_close.png") no-repeat; | ||
| 39 | + margin-top: 26px; | ||
| 40 | + margin-right: 32px; | ||
| 41 | +} | ||
| 21 | /*左侧栏--------------------------------------------------*/ | 42 | /*左侧栏--------------------------------------------------*/ |
| 22 | nav{ | 43 | nav{ |
| 23 | position: fixed; | 44 | position: fixed; |
image/java-logo.png
0 → 100644
2.18 KB
image/java-title.png
0 → 100644
1.85 KB
index.html
| @@ -14,14 +14,19 @@ | @@ -14,14 +14,19 @@ | ||
| 14 | <link rel="stylesheet" href="css/libCss/common.css"> | 14 | <link rel="stylesheet" href="css/libCss/common.css"> |
| 15 | <link rel="stylesheet" href="css/libCss/bootstrap.min.css"> | 15 | <link rel="stylesheet" href="css/libCss/bootstrap.min.css"> |
| 16 | <link rel="stylesheet" href="css/index.css"> | 16 | <link rel="stylesheet" href="css/index.css"> |
| 17 | - <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> </head> | 17 | + <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> |
| 18 | </head> | 18 | </head> |
| 19 | <body> | 19 | <body> |
| 20 | <header> | 20 | <header> |
| 21 | 21 | ||
| 22 | <div class="row"> | 22 | <div class="row"> |
| 23 | - <div class="col-md-8">.col-md-8</div> | ||
| 24 | - <div class="col-md-4">.col-md-4</div> | 23 | + <div class="col-md-8 col-xs-8 col-sm-8 java-logo"> |
| 24 | + <!--<span></span>--> | ||
| 25 | + <span class="java-title"></span> | ||
| 26 | + </div> | ||
| 27 | + <div class="col-md-4 col-xs-4 col-sm-4"> | ||
| 28 | + <span class="java-loginout"></span> | ||
| 29 | + </div> | ||
| 25 | </div> | 30 | </div> |
| 26 | </header> | 31 | </header> |
| 27 | <nav> | 32 | <nav> |