CSS 中的边框是非常重要的元素，它可以帮助我们美化网页的样式。在设计边框时，我们经常会遇到需要左右边框不同的需求。那么，下面就为大家介绍一下如何使用 CSS 来显示左右边框。

.border-left {
border-left: 2px solid red; /* 左边框样式 */
}
.border-right {
border-right: 2px solid blue; /* 右边框样式 */
}

如上面所示，我们只需要使用 border-left 和 border-right 这两个属性来分别定义左边框和右边框的样式，就可以达到显示左右边框不同的目的。其中，我们可以设置边框的宽度、样式和颜色等属性，以适应不同的需求。

另外，如果我们想要为多个元素添加相同的边框样式，可以使用以下代码：

.border {
border: 2px solid green; /* 共同的边框样式 */
}

如上所示，我们为 border 定义了 2px 的边框宽度，solid 的边框样式和绿色的边框颜色。这样，我们只需要为需要添加边框的元素添加该类名就可以了。

最后，还需要注意一点，就是如果两个元素之间具有边框粘边的情况，我们需要使用 border-collapse 属性来设置边框重合，避免造成不必要的麻烦。

.table {
border-collapse: collapse; /* 边框重合 */
}

以上就是 CSS 边框怎么显示左右的全部内容。希望本篇文章对大家有所帮助，可以更好地掌握 CSS 边框的样式设置。如有不足之处，欢迎大家指正！