網頁網址如下:html實作
實作第二部份我選擇新增導覽列。
新增程式碼如下:
<style>//在style新增nav設定檔
nav {
background-color: #808040;
padding: 10px;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
nav ul li {
display: inline;
margin-right: 15px;
}
nav ul li a {
color: white;
text-decoration: none;
}
nav ul li a:hover {
text-decoration: underline;
}
</style>
在body打nav並設定section的id,當使用者點選導覽列上面的字時,就會跳到相關的區塊。
<nav>
<ul>
<li><a href="#me">關於我</a></li>
<li><a href="#flim">電視劇</a></li>
</ul>
</nav>
新增畫面如下: