邊界無縫接軌導覽頁

問題

在CSS中,margin就算設 0 仍然與網頁邊界存在空隙

margin-min

原因

html/body預設有margin

解法

在css中預設

html,body{ margin: 0px; }

應用

導覽列製作

<ul class="nav">
 <li class="button">課程簡介</li>
 <li class="button">課程評價</li>
 <li class="button">問題討論</li>
 <li class="button">作業成果</li>
</ul>
.button{
  display: inline-block;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 20px;
  letter-spacing: 2px;
  margin-right:30px;
  background-color: #72D6AC;
  color: white;
  font-family: 微軟正黑體;
  font-weight:bold;
  border-bottom:solid 5px #CCF2BF;
}
.nav{
  background-color:#72D6AC;
  width: 100%;
  height: 65px;
  margin: 0px;
}
html,body{
  height: 100%;
  width: 100%;
  margin: 0px;
}

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *