CSS边框兼容性：所有浏览器兼容的 border-bottom 写法

所有浏览器兼容的 border-bottom 写法

在 CSS 中，border-bottom: 1px var(--main-border) solid; 使用 CSS 变量来设置边框颜色。然而，并非所有浏览器都支持 CSS 变量。为了保证代码在所有浏览器中都能正常运行，需要改写成以下兼容性写法：

/* 兼容所有浏览器，使用黑色边框 */
border-bottom: 1px solid #000;

/* 使用变量（需要浏览器支持CSS变量） */
border-bottom: 1px solid var(--main-border);

解释：

• 第一行代码使用 #000 设置黑色边框，确保所有浏览器都能正确显示。
• 第二行代码使用 var(--main-border) 设置边框颜色，但仅在支持 CSS 变量的浏览器中生效。

通过这种方式，可以确保代码在所有浏览器中都能正常显示边框，并同时使用 CSS 变量来简化代码和提升可维护性。