عنوان این جلسه : تگ table در HTML | ایجاد جدول در صفحات وب - قسمت دوم

استایل دهی به جدول
تا اینجا شما ساختار جدول را ایجاد کردید. برای اینکه خطوط جدول را ترسیم کنید می‌توانید از دستورات استایل زیر استفاده کنید:

table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
در این دستور ابتدا ۳ تگ table و th و td انتخاب شدند و در ادامه ویژگی border و border-collapse را به آنها اعمال کردیم. این ویژگی ها خطوط جدول را ترسیم می‌کنند.

برای اینکه خانه‌های جدول حاشیه‌ای به خود بگیرند تا متن‌ها واضح تر دیده شوند. می‌توان به کل خانه‌های جدول ویژگی padding را اعمال کرد.

th, td {
padding: 10px;
}
نکته: این استایل‌ها را می‌توانید با روش Internal یا External به صفحه وب خود اضافه کنید.

با اضافه کردن استایل‌ها، حال دیگر باید دقیقا یک جدول مانند جدولی که در پایین آوردیم، داشته باشید.

---