Question

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

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

·如何将其划分为不同的部分（例如图像，地图，播放，Youtube，新闻......）。

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

·如何让它互动？（例如，当用户将鼠标悬停在元素上时，他们将字体颜色从灰色变为白色？）

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

干杯！

Answer 1

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

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

让你入门应该不错。将来使用浏览器的开发工具和元素检查器，或聘请设计师。

Answer 2

这很简单......

<强> 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"或根据需要进行更改...

创建一个头条

2 个答案: