-3

晚上好。我继续我的游戏项目，但我被困在设计过程中。这一次，我想问你一些事情，希望你能帮助我。对于我的网页，我需要一个黑色的头条，就像在www.google.com上使用的那样。我真的不知道它是什么元素。它是一个div吗？既然如此，我有四个问题：

· 你认为它有哪些 CSS 属性？我想创建一个，但不知道从哪里开始。

· 怎么可能把它分成不同的部分（例如图像、地图、播放、Youtube、新闻……）。

. 如何将其固定在浏览器的顶部？（例如，黑色头条和地址栏之间没有距离）。

· 我怎样才能让它互动？（例如，每当用户将鼠标悬停在元素上时，他们会将字体颜色从灰色更改为白色？）

最后：如果不是 div 元素，它是什么元素？

干杯!

4

2 回答 2

0

http://css3menu.com/modern-css3-menu-bar.html

http://www.creativeverse.com/40-css3-html5-dropdown-menus/

这应该很好让你开始。将来使用浏览器的开发工具和元素检查器，或聘请设计师。

于 2013-07-16T22:08:06.100 回答
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 回答