无法更改<thead>和<tr>元素的边框半径

无法更改<thead>和<tr>元素的边框半径是因为这些元素的边框样式是由浏览器默认的样式所决定的，无法通过CSS直接修改其边框半径。

<thead>元素用于定义表格的表头部分，而<tr>元素用于定义表格的行。这些元素的边框样式通常是由浏览器默认的样式表所定义的，以确保表格的结构和布局一致性。

要修改<thead>和<tr>元素的边框半径，可以通过以下方法实现：

1. 使用CSS选择器选择表格的特定单元格或单元格组合，并为其设置边框样式和边框半径。例如，可以为表格的第一行设置特定的类名，然后使用该类名选择器来设置边框样式和边框半径。

tr.header-row {
  border-radius: 10px;
}

1. 使用JavaScript或jQuery等脚本库来动态修改表格元素的样式。通过获取表格元素的引用，然后使用脚本来修改其样式属性，包括边框半径。

var table = document.getElementById("myTable");
var rows = table.getElementsByTagName("tr");

for (var i = 0; i < rows.length; i++) {
  rows[i].style.borderRadius = "10px";
}

需要注意的是，以上方法只能修改表格行的边框半径，而无法直接修改<thead>元素的边框半径。这是因为<thead>元素通常是由浏览器默认的样式所决定的，无法通过CSS直接修改。如果需要更精确地控制表格的样式，可以考虑使用其他HTML元素和CSS属性来模拟表格的效果，例如使用<div>元素和CSS的display: table属性。

腾讯云提供了丰富的云计算产品和服务，包括云服务器、云数据库、云存储等，可以满足各种应用场景的需求。具体产品和服务的介绍可以参考腾讯云官方网站：腾讯云产品与服务。