ظاهر یک جدول HTML را میتوان با استفاده از CSS بهبود بخشید.
مرزبندی جداول
برای مشخص کردن مرزبندی جداول در CSS، از خاصیت border استفاده کنید.
مثال:
table, th, td {
border: 1px solid;
}در این مثال، برای تگهای <table>, <th>, و <td> یک مرز ثابت مشخص شده است.
جدول با عرض کامل
اگر نیاز به جدولی دارید که به صورت کامل در عرض صفحه نمایش قرار گیرد، از خاصیت width: 100% برای تگ <table> استفاده کنید.
مثال:
table {
width: 100%;
}حذف مرزهای دوتایی
در حالت عادی، جدولها دارای مرزهای دوتایی هستند، زیرا هم جدول و هم سلولهای آن مرز جداگانهای دارند. برای حذف این مرزهای دوتایی، از خاصیت border-collapse: collapse; استفاده کنید.
مثال:
table {
border-collapse: collapse;
}این خاصیت باعث میشود مرزهای جدول و سلولها در یکدیگر ادغام شده و به شکل یک مرز واحد نمایش داده شوند.
مرز فقط برای جدول
اگر فقط میخواهید یک مرز دور جدول قرار دهید و نیازی به مرزبندی سلولها ندارید، میتوانید فقط خاصیت border را برای تگ <table> تنظیم کنید.
مثال:
table {
border: 1px solid;
}
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام