вопрос о т.р. границы дна в инлайн стиле

Question

Я пытаюсь добавить границы дна к <tr> элементу таблицы, как показано ниже, но он не работает

<table> 
<tr style="border-bottom: 1px solid black !important;"> 

это работает, когда я добавить стиль <td> но не на <tr>. Не могли бы вы дать мне знать, как это исправить?

Благодаря

Answer 1

Вы не можете применить границу tr элемента, вам необходимо применить границу на td, или вам нужно использовать border-collapse для table элемента

Demo(Применение border-bottom к td)

Demo 2(Применение border-bottom к tr, если используется border-collapse)

table { 
    width: 100%; 
    border-collapse: collapse; 
} 

table tr { /* Use table tr td if not using border-collapse property */ 
    border-bottom: 1px solid #eee; 
} 

Примечание: Избегайте использования встроенных стилей, вы будете чувствовать себя трудно изменить их в определенный момент, также, избегать использования !important, если не требуется, рассмотреть возможность использования более конкретных селекторы вместо этого