# 如何为欢迎横幅的部分添加分隔线？

**URL:** <https://meta.discourse.org/t/how-to-add-separator-lines-to-the-welcome-banner-sections/278903>\
**Category:** Development\
**Tags:** welcome-link-banner\
**Created:** [2023年九月7日 13:01 UTC](https://meta.discourse.org/t/how-to-add-separator-lines-to-the-welcome-banner-sections/278903 "2023-09-07T13:01:30Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\
**Post date:** [2023年九月7日 13:21 UTC](https://meta.discourse.org/t/how-to-add-separator-lines-to-the-welcome-banner-sections/278903/2 "2023-09-07T13:21:24Z")

</div>

您可以通过阅读以下指南轻松找到使用的 CSS。它将在未来帮助您 🙂

[https://meta.discourse.org/t/make-css-changes-on-your-site/168101#browser-inspection-tools-7](https://meta.discourse.org/t/make-css-changes-on-your-site/168101#browser-inspection-tools-7)

自定义使用了 SCSS 嵌套，但编译后的 CSS 是：

```css
.above-main-container-outlet.welcome-link-banner-connectors .welcome-wrapper .featured-banner-link div:nth-of-type(2),
.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper .featured-banner-link div:nth-of-type(2) {
    border-left: 1px solid var(--primary-low);
    border-right: 1px solid var(--primary-low);
}

```

---

_[View the full topic](https://meta.discourse.org/t/how-to-add-separator-lines-to-the-welcome-banner-sections/278903)._