CSS中使用tr標簽隱藏和顯示表格行非常簡單。如果想要隱藏表格的某些行，可以使用以下的CSS樣式：

tr.hidden {
display: none;
}

在上面這段代碼中，我們定義了一個名為“hidden”的class，這個class會將表格行的display屬性設置為none，從而實現隱藏效果。如果想要顯示表格行，則需要將該class從HTML代碼中去除，或者像以下這樣配置CSS樣式：

tr.visible {
display: table-row;
}

上面這段代碼中，我們新定義了一個名為“visible”的class，這個class會將表格行的display屬性設置為table-row，從而實現顯示效果。請注意，在HTML代碼中，如果一行tr標簽同時定義了多個class，那么它會繼承各個class的CSS樣式。

除此之外，我們可以使用JavaScript來動態地添加或刪除表格行的class，從而實現更加靈活的隱藏和顯示效果。例如，當用戶點擊某個按鈕時，我們可以使用JavaScript代碼動態地添加或刪除class，從而實現按鈕控制表格行顯示和隱藏的效果。

document.getElementById("myButton").addEventListener("click", function() {
var rows = document.getElementsByClassName("myTable")[0].getElementsByTagName("tr");
for (var i = 0; i< rows.length; i++) {
if (rows[i].classList.contains("hidden")) {
rows[i].classList.remove("hidden");
rows[i].classList.add("visible");
} else {
rows[i].classList.remove("visible");
rows[i].classList.add("hidden");
}
}
});

上面這段代碼中，我們使用addEventListener方法為按鈕綁定了一個點擊事件，當按鈕被點擊時，會遍歷表格的所有行，并將它們的class從“hidden”變為“visible”，或從“visible”變為“hidden”，從而實現了表格行的隱藏和顯示。