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

ورود و ثبت نام

بلاگ

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

HTML Table Borders

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

✅ نحوه ایجاد خط حاشیه (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
در آپارات
ما را دنبال کنید!

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

HTML Computer Code Elements
HTML Responsive Web Design
HTML Layout Elements and Techniques
HTML – The Head Element
HTML File Paths
HTML JavaScript

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

جستجو برای:
دسته‌ها
  • مقالات
نوشته‌های تازه
  • HTML Computer Code Elements
  • HTML Responsive Web Design
  • HTML Layout Elements and Techniques
  • HTML – The Head Element
  • HTML File Paths
درباره زرین لرن

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

  • کردستان - سقز - خیابان جمهوری - شرکت نو آوران زرین هور افزار
  • 08736212195
  • info@zarrinlearn.com
فهرست سفارشی
  • صفحه اصلی اول
  • بلاگ
  • تماس با ما
  • حساب کاربری من
  • درباره ما
  • سبد خرید
  • فروشگاه

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

ورود

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

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