Html 分区边界出现在错误的地方

我正在尝试制作一个“正在开发中的网站”页面。我想在div容器上加上边框，其中包含标题“underdevelopment”和另外一行。但是边界却在相反的方向出现。我分别使用了“边框顶部”、“边框左侧”、“边框样式”、“边框颜色”，但似乎不起作用。请告诉我我做错了什么

旁白：也许这只是我犯的一个愚蠢的错误，但我看不出来：(

这是密码-

正文{
背景色：#000000；
}
#欠发达{
保证金：0px自动；
宽度：50em；
填充：1em；
背景色：#000000；
边框样式：实心；
边框颜色：#E2；
边框顶部：2个；
左边框：2px；
显示：块；
明确：两者皆有；
}

页面标题
正在开发中
这个网站目前正在开发中。它将很快更新，经常访问，这样你就不会错过任何东西。

**试试这个css**

---

**尝试此css.*

边框顶部和边框左侧是分别包含顶部和左侧边框的宽度、样式和颜色的速记属性。如果仅将宽度添加到这些属性中，浏览器将为其他属性选择默认值，覆盖之前的样式

要仅应用这些边框的宽度，属性分别为边框顶部宽度和边框左侧宽度

当您使用边框样式和边框颜色时，它适用于所有角落。也许您想使用边框宽度作为速记

border-width: 2px 0 0 2px;

或以每个角的宽度为目标：

border-bottom-width: 0;
border-right-width: 0;

---

上边框和左边框是分别包含上边框和左边框的宽度、样式和颜色的速记属性。如果仅将宽度添加到这些属性中，浏览器将为其他属性选择默认值，覆盖之前的样式

要仅应用这些边框的宽度，属性分别为边框顶部宽度和边框左侧宽度

当您使用边框样式和边框颜色时，它适用于所有角落。也许您想使用边框宽度作为速记

border-width: 2px 0 0 2px;

或以每个角的宽度为目标：

border-bottom-width: 0;
border-right-width: 0;

享受

正文{
背景色：#000000；
}
#欠发达{
保证金：0px自动；
宽度：50em；
填充：1em；
背景色：#000000；
边框顶部：2个实心#E2；
左边框：2px实心#e2；
显示：块；
明确：两者皆有；
}

页面标题
正在开发中
这个网站目前正在开发中。它将很快更新，经常访问，这样你就不会错过任何东西。

享受

正文{
背景色：#000000；
}
#欠发达{
保证金：0px自动；
宽度：50em；
填充：1em；
背景色：#000000；
边框顶部：2个实心#E2；
左边框：2px实心#e2；
显示：块；
明确：两者皆有；
}

页面标题
正在开发中
这个网站目前正在开发中。它将很快更新，经常访问，这样你就不会错过任何东西。

谢谢！但您提供的代码将在所有侧面为我提供边框。我希望边框仅在顶部和左侧：）谢谢！但是你给我的密码会给我所有的边界。我想在顶部和左侧加上边框：）我试过这样做，但现在它在所有四个面上都给了我边框。是因为我在同一个div上同时使用了框阴影和边框吗？[抱歉之前没有提到这一点]试试

border-top:2px-solid#e2；左边框：2px实心#e2并删除
边框颜色：#e2e2谢谢！！我真的很感激你告诉我哪里错了：）我更新了答案，以扩展你想要实现的目标。我尝试过这样做，但现在它给了我四个方面的边界。是因为我在同一个div上同时使用了框阴影和边框吗？[抱歉之前没有提到这一点]试试
border-top:2px-solid#e2；左边框：2px实心#e2并删除
边框颜色：#e2e2谢谢！！我真的很感激你告诉我哪里错了：）我更新了答案，以扩展你想要实现的目标。