جستجو برای:
  • خانه
  • مهارت های کامپیوتر
    • شبکه
    • ابزار های مایکروسافت افیس
    • ویندوز
  • برنامه نویسی و طراحی سایت
    • کد نویسی سمت کاربر
    • کد نویسی سمت سرور
    • cms های آماده
  • برنامه نویسی
    • اندروید
    • #C
    • بازی سازی
    • جاوا
    • پایتون
  • سورس کد ها
    • پروژه آماده اندروید
    • پروژه اماده unity
    • پروژه آماده سی شارپ
    • پروژه آماده طراحی سایت
  • تماس با ما
  • درباره ما
 
  • 02128423771 - 08736212195
  • info@zarrinlearn.com
  • بلاگ
  • تماس با ما
  • درباره ما
سایت اموزشی زرین لرن
  • خانه
  • مهارت های کامپیوتر
    • شبکه
    • ابزار های مایکروسافت افیس
    • ویندوز
  • برنامه نویسی و طراحی سایت
    • کد نویسی سمت کاربر
    • کد نویسی سمت سرور
    • cms های آماده
  • برنامه نویسی
    • اندروید
    • #C
    • بازی سازی
    • جاوا
    • پایتون
  • سورس کد ها
    • پروژه آماده اندروید
    • پروژه اماده unity
    • پروژه آماده سی شارپ
    • پروژه آماده طراحی سایت
  • تماس با ما
  • درباره ما
0

ورود و ثبت نام

بلاگ

سایت اموزشی زرین لرنبلاگمقالاتHTML Table Borders

HTML Table Borders

8 خرداد 1404
ارسال شده توسط سمیرا خانی
مقالات
46 بازدید

✅ نحوه ایجاد خط حاشیه (Border) برای جدول‌ها در HTML
در HTML، برای افزودن خط دور جدول (border) می‌توان از دو روش استفاده کرد:

🔹 1. روش ساده با ویژگی HTML (مناسب برای آموزش یا تست سریع)

<table border=“1”>

      <tr>

           <th>نام</th>

           <th>سن</th>

      </tr>

       <tr>

          <td>علی</td>

          <td>30</td>

        </tr>

</table>

  • border="1" یک خط دور جدول و سلول‌ها می‌کشد.

  • عدد بالاتر (مثل 2 یا 5) ضخامت بیشتر ایجاد می‌کند.


🔹 2. روش حرفه‌ای با CSS (پیشنهاد شده)

<style>

      table {

             border-collapse: collapse; /* خطوط دوبل را حذف می‌کند */

             width: 50%;

          }

          th, td {

             border: 1px solid black; /* خط سیاه برای سلول‌ها */

             padding: 8px;

             text-align: center;

        }

     </style>

<table>

         <tr>

            <th>نام</th>

            <th>سن</th>

     </tr>

    <tr>

           <td>مینا</td>

           <td>28</td>

      </tr>

 </table>

🔸 نکته مهم درباره border-collapse

  • مقدار collapse: همه خطوط را به صورت یکپارچه درمی‌آورد (ظاهر تمیزتر).

  • مقدار separate: پیش‌فرض است، خطوط جداگانه برای هر سلول ایجاد می‌کند.

برچسب ها: HTML Table Borders،نحوه ایجاد خط حاشیه (Border) برای جدول‌ها در HTML،روش حرفه‌ای با CSS (پیشنهاد شده)
در تلگرام
کانال ما را دنبال کنید!
Created by potrace 1.14, written by Peter Selinger 2001-2017
در آپارات
ما را دنبال کنید!

مطالب زیر را حتما مطالعه کنید

JavaScript if
JavaScript Conditionals
JavaScript Comparison
متغیرها در پایتون ؛ راهنمای کامل و کاربردی برای مبتدی‌ها
avaScript Arithmetic
راهنمای جامع کامنت‌گذاری در پایتون

دیدگاهتان را بنویسید لغو پاسخ

جستجو برای:
دسته‌ها
  • مقالات
نوشته‌های تازه
  • JavaScript if
  • JavaScript Conditionals
  • JavaScript Comparison
  • متغیرها در پایتون ؛ راهنمای کامل و کاربردی برای مبتدی‌ها
  • avaScript Arithmetic
درباره زرین لرن

ما برند زرین لرن را نامگذاری کردیم، زیرا برای ما بهترین علامت های تجاری ساده هستند. مارک ها رشد می کنند در توانایی آنها درک می شود.

فهرست سفارشی
  • صفحه اصلی اول
  • بلاگ
  • تماس با ما
  • حساب کاربری من
  • درباره ما
  • سبد خرید
  • فروشگاه

طراحی شده توسط گروه فنی مهندسی زریم هور

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت