这个东西叫什么啊，不知道从哪里开始查，怎么做呢？

flex布局啊...你就放心用吧

别人页面上用 HTML+CSS 实现的所有样式都可以通过检查元素(或叫“审查元素”)的方式观察其实现原理。
你说的是这个东西吧↓：

←左边有道杠表示内容引用，不过思否这道杠颜色有点淡。

通过浏览器检查元素，思否确实是用 border-left 实现的：

题干中那种带点斜角的，应该是用伪元素或者阴影做的。

这种一般都是自定义的md， 没有必要看，eleme的组件库文档有一个内置的md语法解析库， 写的时候是md文档，最后发布的时候会用md文档库来解析md文档，生成一个页面，这种都是固定的md语法，最后编译出来的，没必要学。以后熟悉了就知道了

markdown语法，这个看一下就可以了；css的写的话可以使用伪元素

一般引用是这种样式的，padding-lfet个区域然后加个填充色就行了

我是引用