去除顶部选项卡的边框(react-导航)

// 导航组件
import React from "react";
import "./Navigation.css";

const Navigation = () => {
  return (
    <div className="navigation">
      <ul>
        <li>首页</li>
        <li>产品</li>
        <li>关于我们</li>
        <li>联系我们</li>
      </ul>
    </div>
  );
};

export default Navigation;

/* Navigation.css */
.navigation {
  border: none; /* 去除边框 */
}

.navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.navigation li {
  display: inline-block;
  padding: 10px;
}

.navigation li:hover {
  background-color: #f0f0f0;
}