4
我想製作一個頁面，只是爲了鍛鍊，而且我遇到了一個問題，所以如果您運行代碼，徽標應位於中心的頂部，而不是在它的菜單爲中心的..但它下降的背景下，幫助請 1.如何每三個菜單列表項下添加一個下拉列表，我可以添加一些文字，圖片和位置Img屬於背景，但它不應該
body {
\t background-color:lightgray;
\t font-family: Tahoma, Cambria;
}
#header {
\t height: 300px;
}
#logo {
\t position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
}
#menu {
\t position: relative;
\t max-height:60px;
\t font-family: Cambria;
\t font-style: bold, italic;
\t text-align: center;
}
#menu ul {
\t list-style-type: none;
\t margin: 0;
padding: 0;
float:none;
}
#menu li a {
\t display:inline-block;
\t color:#009CFF;
\t padding: 10px 200px;
\t overflow:hidden;
\t transition: 0.3s;
\t font-style:italic;
\t font-weight: bold;
\t text-decoration:none;
\t margin: 0 0 0 0;
}
#menu li a:hover {
background-color: dimgray;
color: deepskyblue;
}
body {
\t border: 2px solid dark-gray ;
}
l><!DOCTYPE html >
<html>
\t <head>
\t \t <title></title>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
\t </head>
\t <body>
\t \t <header>
\t \t \t <img src = "http://via.placeholder.com/350x150" id = "logo" alt = "Antomatik logo"/>
\t \t </header>
\t \t <div id = "menu">
\t \t \t \t <ul>
\t \t \t \t \t <li class="onama">
\t \t \t \t \t \t <a href="antomatik/onama.html">O nama</a></li>
\t \t \t \t \t <li class="povijest">
\t \t \t \t \t \t <a href="antomatik/povijest.html">Povijest</a></li>
\t \t \t \t \t <li class="kontakt">
\t \t \t \t \t \t <a href="antomatik/kontakt.html">Kontakt</a></li>
\t \t \t \t
\t \t \t \t </ul>
\t \t </div>
\t \t <footer>
\t \t
\t \t </footer>
\t </body>
</html>
請添加一個佔位符或lorempixel圖像 – mplungjan