div内有分隔符吗？

Question

我是Web设计的新手，我想复制项目的分类，如以下快照所示： 如您所见，有一个不错的“ |”标题和说明之间的分隔符。 从页面源中可以看到它使用了具有自定义类属性的div。我找不到可以显示如何重现类似内容的教程。有人可以建议使用div，表或其他方法产生相似事物的最简单方法吗？

Answer 1

您可以使用css anchorClickHandler = event => { analytics.submitData({event: "page redirection"}); // Navigate to /link/to/other/page window.location.href = '/link/to/other/page'; } 在该部分上使用边框。您可以使用border-style来调整行的宽度 您可以按以下顺序指定：顶部，右侧，底部，左侧。 在MDN

上签出

border-width

.rightBorder {
border-style: none solid none none;
border-width: 1px;
height: 50px;
width: 50px;
color: blue;
}