# إزالة الخط الأفقي العلوي لقائمة المواضيع

**URL:** <https://meta.discourse.org/t/remove-topic-list-top-horizontal-line/123309>\
**Category:** Support\
**Created:** [18 يوليو 2019، 2:23م UTC](https://meta.discourse.org/t/remove-topic-list-top-horizontal-line/123309 "2019-07-18T14:23:05Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\
**Post date:** [1 أغسطس 2019، 2:06م UTC](https://meta.discourse.org/t/remove-topic-list-top-horizontal-line/123309/5 "2019-08-01T14:06:27Z")

</div>

إذا كنت تشير إلى هذه

 ![00001](https://global.discourse-cdn.com/meta/original/3X/b/2/b29a51e1e398f240abba6d21bd6fdb70bec2ffa9.png)

فما تحتاجه هو إضافة

```plaintext
.topic-list tbody {
  border-top-color: red; // استبدل "red" بلون الحدود المطلوب
}

```

وسيعطي هذا التأثير

 ![00002](https://global.discourse-cdn.com/meta/original/3X/2/b/2bb9e8a2ea94f6db69120ade907bba92c751a635.png)

أما للفواصل المتوسطة، ستحتاج إلى إضافة

```plaintext
.topic-list tr {
  border-bottom-color: red; // استبدل "red" بلون الحدود المطلوب
}

```

وسيعطي هذا التأثير

 ![00004](https://global.discourse-cdn.com/meta/original/3X/9/2/923bbd866a0f56509bbc77bdf955bcc135aa97d2.png)

لذا، عند جمع كل هذه العناصر معًا، سيظهر الشكل كالتالي

```plaintext
.topic-list {
  tbody {
    border-top-color: red;
    tr {
      border-bottom-color: red;
    }
  }
}

```

---

_[View the full topic](https://meta.discourse.org/t/remove-topic-list-top-horizontal-line/123309)._