## 一.注意事项设置外边距:margin:(参数可省去部分)上下左右 ## 二.源代码 \ \ \ \ \Tlias智能学习辅助系统\ \ /\* 导航栏样式 \*/ .navbar { background-color: #b5b3b3; /\* 灰色背景 \*/ display: flex; /\* flex弹性布局 \*/ justify-content: space-between; /\* 左右对齐 \*/ padding: 10px; /\* 内边距 \*/ align-items: center; /\* 垂直居中 \*/ } .navbar h1 { margin: 0; /\* 移除默认的上下外边距 \*/ font-weight: bold; /\* 加粗 \*/ color: white; /\* 设置字体为楷体 \*/ font-family: "楷体"; } .navbar a { color: white; /\* 链接颜色为白色 \*/ text-decoration: none; /\* 移除下划线 \*/ } /\* 搜索表单样式 \*/ .search-form { display: flex; flex-wrap: nowrap; align-items: center; gap: 10px; /\* 控件之间的间距 \*/ margin: 20px 0; } .search-form input\[type="text"\], .search-form select { padding: 5px; /\* 输入框内边距 \*/ width: 300px; /\* 宽度 \*/ } .search-form button { padding: 5px 15px; /\* 按钮内边距 \*/ } \ \ \ \