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

**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:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![kynic](https://avatars.discourse-cdn.com/v4/letter/k/b487fb/32.png) [@kynic](https://meta.discourse.org/u/kynic)\
**Post date:** [2023年九月7日 13:01 UTC](https://meta.discourse.org/t/how-to-add-separator-lines-to-the-welcome-banner-sections/278903/1 "2023-09-07T13:01:30Z")

</div>

好的，没问题 🙂

顺便问一下，你能告诉我添加分隔线的 CSS 是什么吗？

---

<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);
}

```

---

<div class="post-metadata">

**Author:** ![kynic](https://avatars.discourse-cdn.com/v4/letter/k/b487fb/32.png) [@kynic](https://meta.discourse.org/u/kynic)\
**Post date:** [2023年九月11日 21:18 UTC](https://meta.discourse.org/t/how-to-add-separator-lines-to-the-welcome-banner-sections/278903/3 "2023-09-11T21:18:11Z")

</div>

此 CSS 不起作用。也许我需要更改某些内容？

---

<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年九月12日 08:06 UTC](https://meta.discourse.org/t/how-to-add-separator-lines-to-the-welcome-banner-sections/278903/4 "2023-09-12T08:06:23Z")

</div>

你说得对，它确实不起作用，我已经改了 🙂

---

<div class="post-metadata">

**Author:** ![kynic](https://avatars.discourse-cdn.com/v4/letter/k/b487fb/32.png) [@kynic](https://meta.discourse.org/u/kynic)\
**Post date:** [2023年九月13日 15:35 UTC](https://meta.discourse.org/t/how-to-add-separator-lines-to-the-welcome-banner-sections/278903/5 "2023-09-13T15:35:44Z")

</div>

好了！ 😃