ヘッダの背景画像と中央の水平バー

-1

現在、私は自分自身でhtml5とcssを学んでいます。そして、私は背景画像と水平のバーを持つヘッダを構築する必要があります。ナビゲーションボタンが表示されます。何とかしようとしましたが、具体的な解決策は考えられませんでした。どうか誰でも助けてくれますか？ヘッダの背景画像と中央の水平バー

出典

2017-05-05 Sey Sey

あなたがしようとしているものを共有することができますので、我々はそれを修正することができます。そこには多くのテンプレートがあります。 – tech2017

このようなものをお探しですか？

.header{ 
 
    text-align: center; 
 
    background-image: url(http://i.ytimg.com/vi/bl1zq8EFQDQ/maxresdefault.jpg); 
 
    padding: 2em; 
 
}

<!doctype html> 
 

 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 

 
    <title>The HTML5 Herald</title> 
 
    <meta name="description" content="The HTML5 Herald"> 
 
    <meta name="author" content="SitePoint"> 
 

 
    <link rel="stylesheet" href="css/styles.css?v=1.0"> 
 

 
    <!--[if lt IE 9]> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script> 
 
    <![endif]--> 
 
</head> 
 

 
<body> 
 
    <header class="header"> 
 
    <h1 class="header-title">Title</h1> 
 
    <img class="header-logo" src="http://www.placehold.it/350x150"> 
 
    <div class="header-menu"> 
 
     <a href="http://www.google.es">Google</a> 
 
     <a href="http://www.google.es">Google</a> 
 
     <a href="http://www.google.es">Google</a> 
 
     <a href="http://www.google.es">Google</a> 
 
    </div> 
 

 
    </header> 
 
</body>

出典

2017-05-05 14:45:46 jmtalarn

ありがとう、私はむしろ真ん中の画像をカットする水平のバーを探しています。私はこれを試した： –

ヘッダの背景画像と中央の水平バー

答えて

関連する問題