在html里写一个2行10列的表格要求表格线是浅浅的黑色
以下是示例代码:
<table style="border-collapse: collapse; border: 1px solid #ddd;">
<tr>
<td style="border: 1px solid #ddd; padding: 10px;">1</td>
<td style="border: 1px solid #ddd; padding: 10px;">2</td>
<td style="border: 1px solid #ddd; padding: 10px;">3</td>
<td style="border: 1px solid #ddd; padding: 10px;">4</td>
<td style="border: 1px solid #ddd; padding: 10px;">5</td>
<td style="border: 1px solid #ddd; padding: 10px;">6</td>
<td style="border: 1px solid #ddd; padding: 10px;">7</td>
<td style="border: 1px solid #ddd; padding: 10px;">8</td>
<td style="border: 1px solid #ddd; padding: 10px;">9</td>
<td style="border: 1px solid #ddd; padding: 10px;">10</td>
</tr>
<tr>
<td style="border: 1px solid #ddd; padding: 10px;">11</td>
<td style="border: 1px solid #ddd; padding: 10px;">12</td>
<td style="border: 1px solid #ddd; padding: 10px;">13</td>
<td style="border: 1px solid #ddd; padding: 10px;">14</td>
<td style="border: 1px solid #ddd; padding: 10px;">15</td>
<td style="border: 1px solid #ddd; padding: 10px;">16</td>
<td style="border: 1px solid #ddd; padding: 10px;">17</td>
<td style="border: 1px solid #ddd; padding: 10px;">18</td>
<td style="border: 1px solid #ddd; padding: 10px;">19</td>
<td style="border: 1px solid #ddd; padding: 10px;">20</td>
</tr>
</table>
在上面的代码中,我们使用了<table>标签来创建表格,<tr>标签表示表格中的一行,<td>标签表示表格中的一个单元格。我们在样式中使用了border-collapse: collapse;来让表格线合并,border: 1px solid #ddd;来设置表格线的颜色和粗细,padding: 10px;来设置单元格内部的间距。
原文地址: http://www.cveoy.top/t/topic/IpZ 著作权归作者所有。请勿转载和采集!