-3

こんばんは。ゲーム プロジェクトを続けていますが、デザイン プロセスで行き詰っています。今回は、何かお役に立てればと思います。私のウェブページには、www.google.comで使用されているような黒いヘッドバーが必要です。何の要素なのかさっぱり分からない。divですか？というわけで、質問は以下の4つです。

· どのような CSS プロパティがあると思いますか? 作成したいのですが、どこから始めればよいかわかりません。

· どうすればそれをさまざまな部分に分割できますか (例: 画像、地図、再生、Youtube、ニュースなど)。

. ブラウザの上部に固定しておくにはどうすればよいですか? (例: 黒いヘッドバーとアドレスバーの間に距離がない)。

· どうすればインタラクティブにできますか? (たとえば、ユーザーが要素の上にマウスを置くたびに、フォントの色が灰色から白に変わりますか?)

最後に: div 要素でない場合、それはどの要素ですか?

乾杯！

4

2 に答える 2

0

とてもシンプルです...

CSS

html, body{
    margin:0; padding:0; border:0;
}
#head{
    width:100%;
    background:#111;
    position:fixed;
}
#head a{
    color:#999;
    font-size:12px;
    font-weight:700;
    line-height:30px;
    padding:0 5px;
    text-decoration:none;
    font-family:sans-serif;
}
#head a:hover{
    color:#eee;
}

HTML

<div id='head'>
    <a href="#" style="margin-left:10px">Search</a>
    <a href="#">Images</a>
    <a href="#">Maps</a>
    <a href="#">Play</a>
</div>

必要に応じて削除style="margin-left:10px"または変更できます...

于 2013-07-16T22:15:25.987 に答える