CSS是一种用于创建网页样式的标记语言。在CSS中，可以使用表格样式来创建各种类型的表格，包括表格单元格、表格边框和表格内容等。如果使用CSS创建的表格而出现边框和空白，这可能是由以下原因之一导致的：
1. 没有为表格设置边框样式
如果使用CSS为表格设置边框样式，但却没有设置边框宽度或边框样式，那么表格边框可能会出现空白。可以在CSS中为表格设置边框样式，例如：
“`css
table {
border-collapse: collapse;
border: 1px solid #ccc;
border-bottom: 1px solid #ccc;
2. 表格内容超出边框
如果表格单元格的文本超出了表格边框，那么表格边框可能会出现空白。可以使用CSS的`text-overflow`属性来限制单元格的文本长度，例如：
“`css
text-overflow: ellipsis;
overflow: hidden;
3. 表格边框宽度设置不当
如果表格边框宽度设置太小或太大，那么表格边框可能会出现空白。可以在CSS中设置表格边框宽度，例如：
“`css
table {
border-collapse: collapse;
border: 1px solid #ccc;
border-bottom: 1px solid #ccc;
width: 100%;
4. 表格元素被重定向到不同的网址
如果表格元素被重定向到不同的网址，那么表格边框可能会出现空白。可以使用浏览器的`同源策略`来避免这种情况，例如：
“`html
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
</table>
在`<table>`元素的标签中使用`<tr>`和`<td>`标签来创建表格单元格。使用`<tr>`标签的`<td>`标签来创建单元格内容。如果浏览器重定向到不同的网址，表格单元格的内容将保持不变。
以上是使用CSS创建表格边框和空白的一些常见原因，可以通过设置正确的CSS样式来解决这些问题。