小编Tob*_*ers的帖子
仅使用 CSS 的 HTML 表格每一行的圆角？
我正在尝试设置一个简单的 HTML 表格的样式，以在每行和每行的圆角之间留出空间，如下所示：
这是我目前拥有的：
我是前端开发的新手，所以我只想使用 CSS 和 HTML 来掌握一些东西。到目前为止，我一直无法在每一行上获得圆角。我试图加入border-radius到table并tr没有成功的元素。将属性添加到td元素以某种方式起作用，但当然我在每个项目上得到圆边，而不是每一行。
我还需要在文本周围的每一行内添加填充，这也还没有完全奏效，但圆角边缘是我目前更关心的问题。
这是我的代码。注意我使用的是 Jinja 模板引擎，这是数据到达那里的方式。
HTML：
<head>
<! HEADER CODE/>
<link rel="stylesheet" href="static/css/results.css">
</head>
<body>
<main>
<h1> Stores In Your Area</h1>
<table class="results">
{% for row in table %}
<tr class="spaceunder">
{% for item in row[:-1] %}
<td>
{{ item }}
</td>
{% endfor %}
<td>
{{ row[-1] }} mi.
</td>
</tr>
{% endfor %}
</table>
</main>
</body>
</html>
CSS：
body {
background-color: #FFCBAA; …0
推荐指数
推荐指数
1
解决办法
解决办法
425
查看次数
查看次数