ぱたぱたアニメ館

.horizontal-menu {
  display: flex;                 /* 横並びにする */
  gap: 2px;                      /* メニュー間のすき間 */
  margin: 0;
  padding: 0;
  list-style: none;              /* リストマーカー非表示 */
}
.horizontal-menu li {
  width: 300px;                  /* 各メニューの横幅 */
}
.horizontal-menu li a {
  display: block;                /* クリック範囲を広げる */
  padding: 15px 0;               /* 上下の余白 */
  text-align: center;            /* 文字を中央揃え */
  font-weight: bold;             /* 文字を太くする */
  text-decoration: none;         /* 下線を消す */
  color: #ffffff;                /* 文字色 */

  background-color: #6699ff;     /* 背景色 */
  background-image: url("背景画像のURL");
  border: 1px solid #0000cc;     /* 枠線 */
  border-radius: 0.5em;          /* 角を丸くする */
}
.horizontal-menu li a:hover {
  color: #0000cc;                /* マウスを乗せた時の文字色 */
  background-color: #ffffff;     /* マウスを乗せた時の背景色 */
  background-image: url("背景画像のURL");
}

<ul class="horizontal-menu">
  <li><a href="リンク先URL">ここに文字</a></li>
  <li><a href="リンク先URL">ここに文字</a></li>
</ul>

.horizontal-menu {
  flex-direction: column;
}