-1

http://i.stack.imgur.com/pKdrK.png

この画像からわかるように、ページのメイン タイトルである div を上部に持つヘッダーを作成しようとしました。私はいたるところを見てきましたが、ヘッダーの上部にタイトルを表示する方法がわかりません。これは非常に簡単かもしれませんが、よくわかりません.

ps タイトルは、かろうじて見える小さな赤いビットです。

CSS 

#title {
   font-family:Bebas;
   font-size:20px;
   font-weight:bold;
   border:5px groove #ff0022;
   color:#00D0FF;
   background-color:#ff0022;
   position:relative;
   margin-left:10px;
   margin-top:10px;
}
#banner {
       border:1px solid #4A4A4A;
       width:1903;
       height:110;
       background-color:#4A4A4A;
       margin-left:0px;
       position:absolute;
       top:-10px;
       border-radius:15px;
}
a:visited {

          text-decoration:none;
}

HTML 

<head>
<link type="text/css" rel="stylesheet" href="todd.css"/>
<title>Todd's Website</title>

</head>

<body>
     <a href="file:///C:/Users/Todd/Desktop/todd.html">
        <h1>
            <div id="title">Todd's Awesome Website!
                <div id="banner">




                </div>
            </div>
        </h1>
     </a> 
</body>



</html>

JSFiddle

4

3 に答える 3

0

タイトルをバナー内に移動したくない場合は、 を使用できますz-index: 10;。それはそれを示すはずです。

于 2013-11-06T22:52:50.857 に答える