无法为nav导航栏或header标签设置border-color属性如何解决

你只声明了border-color属性，没有配套设置border-style和border-width：浏览器默认的border-style属性值为none，代表不渲染任何边框，所以边框颜色设置不会生效。

有两种常用的修复写法：

写法1：border属性简写（推荐） #

直接用border属性一次性定义边框的宽度、样式、颜色三个参数，写法更简洁：

nav {
    background-color: #004c3f;
    border: 1px solid black; /* 三个参数依次为 边框宽度、边框样式、边框颜色 */
    color: aliceblue;
    display: flex;
    justify-content: space-between;
}

写法2：拆分声明属性 #

如果需要单独配置不同边框的参数，可以补全三个必填属性：

nav {
    background-color: #004c3f;
    border-color: black;
    border-style: solid; /* 必填，可选样式还有dashed、dotted、double等 */
    border-width: 1px; /* 可按需调整边框粗细 */
    color: aliceblue;
    display: flex;
    justify-content: space-between;
}

如果只需要给单条边设置边框，比如仅底部导航边框，直接指定对应边的属性即可，示例：
border-bottom: 2px solid black;

内容的提问来源于stack exchange，提问作者taha0989