React导航6-自定义页眉高度

import React from 'react';
import './Navigation.css';

const Navigation = () => {
  return (
    <div className="navigation">
      <div className="header">自定义页眉</div>
      <ul className="menu">
        <li>菜单项1</li>
        <li>菜单项2</li>
        <li>菜单项3</li>
      </ul>
    </div>
  );
}

export default Navigation;

.navigation {
  background-color: #f2f2f2;
  padding: 10px;
}

.header {
  height: 50px; /* 自定义页眉的高度 */
  background-color: #333;
  color: #fff;
  padding: 10px;
}

.menu {
  list-style-type: none;
  padding: 0;
}

.menu li {
  display: inline-block;
  margin-right: 10px;
}