আমি কীভাবে কেবল সারণির অভ্যন্তরে সীমানা যুক্ত করব তা বোঝার চেষ্টা করছি। যখন আমি করি:
table {
border: 0;
}
table td, table th {
border: 1px solid black;
}
সীমানাটি পুরো টেবিলের চারপাশে এবং টেবিলের ঘরগুলির মধ্যেও। আমি যা অর্জন করতে চাই তা হ'ল টেবিলের অভ্যন্তরে কেবল টেবিলের অভ্যন্তরে সীমানা থাকা (টেবিলের চারপাশে বাইরের সীমানা ছাড়াই)।
এখানে আমি টেবিলগুলির জন্য ব্যবহার করছি তা চিহ্নিত করা (যদিও আমি মনে করি এটি গুরুত্বপূর্ণ নয়):
<table>
<tr>
<th>Heading 1</th>
<th>Heading 2</th>
</tr>
<tr>
<td>Cell (1,1)</td>
<td>Cell (1,2)</td>
</tr>
<tr>
<td>Cell (2,1)</td>
<td>Cell (2,2)</td>
</tr>
<tr>
<td>Cell (3,1)</td>
<td>Cell (3,2)</td>
</tr>
</table>
এবং এখানে কয়েকটি প্রাথমিক শৈলীগুলি আমি আমার বেশিরভাগ টেবিলগুলিতে প্রয়োগ করি:
table {
border-collapse: collapse;
border-spacing: 0;
}