如何 - 側邊導航按鈕

/* 樣式側邊導航中的連結 */
#mySidenav a {
  position: absolute; /* 相對於瀏覽器視窗定位它們 */
  left: -80px; /* 將它們定位在螢幕外 */
  transition: 0.3s; /* 新增懸停過渡效果 */
  padding: 15px; /* 15px 填充 */
  width: 100px; /* 設定特定寬度 */
  text-decoration: none; /* 去除下劃線 */
  font-size: 20px; /* 增大字型大小 */
  color: white; /* 白色文字顏色 */
  border-radius: 0 5px 5px 0; /* 右上角和右下角為圓角 */
}

#mySidenav a:hover {
  left: 0; /* 滑鼠懸停時，使元素按預期顯示 */
}

/* 關於連結：距離頂部 20px，背景為綠色 */
#about {
  top: 20px;
  background-color: #04AA6D;
}

#blog {
  top: 80px;
  background-color: #2196F3; /* 藍色 */
}

#projects {
  top: 140px;
  background-color: #f44336; /* 紅色 */
}

#contact {
  top: 200px;
  background-color: #555 /* 淺黑色 */
}