tr标签的border属性无效

tr{
    background-color:#fff;
    width:97%;
    display:grid;
    grid-template-columns: 1fr 2fr 2fr 2fr 2fr 2fr 1fr;

    justify-items: start;
    align-items: center;
    margin: 10px;
    border-radius: 10px;
    padding-left: 20px;

    /*为什么以下两句无效*/
    border-color: #ffeb3b;
    border-width:5px;
}

预览图：

目标预览图：

我的思路是通过js写事件，于是我先来探究下直接让tr的border变色，但是没边，这是为什么

你设置了 边框了吗