কম্পিউটার টিউটোরিয়াল

HTML-এ টেবিল বর্ডার চারপাশে স্পেস (Border Spacing) যোগ করা


HTML টেবিলের বর্ডার স্পেসিং সেট করতে CSS border-spacing প্রোপার্টি ব্যবহার করা হয়। এটি টেবিলের সেলগুলোর মধ্যবর্তী দূরত্ব নির্ধারণ করে।

HTML-এ টেবিল বর্ডার চারপাশে স্পেস (Border Spacing) যোগ করা

উদাহরণ

নিচের কোড চালিয়ে HTML-এ টেবিল বর্ডার চারপাশে স্পেস যোগ করুন:

<!DOCTYPE html> <html>    <head>       <style>          table, td, th {             border: 1px solid black;             border-spacing: 20px;             width: 300px;          }       </style>    </head>    <body>       <h1>আমাদের টেকনোলজি</h1>       <table>          <tr>             <th>IDE</th>             <th>ডাটাবেস</th>          </tr>          <tr>             <td style="text-align:center">NetBeans</td>             <td style="text-align:center">MySQL</td>          </tr>      </table>   </body> </html>

আউটপুট

HTML-এ টেবিল বর্ডার চারপাশে স্পেস (Border Spacing) যোগ করা


  1. HTML টেবিলের ভিতরে HTML ট্যাগ ব্যবহার করা

  2. HTML-এ কোলাপসড (Collapsed) বর্ডার তৈরি করা

  3. HTML-এ টেবিল বর্ডার তৈরি করা

  4. HTML ওয়েবপেজে অডিও প্লেয়ার কীভাবে যোগ করবেন?