ตัวอย่างที่ 1
การเขียนตารางโดย HTML แบบเดิม
ดู ที่นี่ สิจ๊ะ
a b
c d
ตัวอย่างที่ 2
การเขียนตารางโดยใช้ CSS แบบ inline
มอง เธอ อยู่นะจ๊ะ
ant boy
cat dog
ตัวอย่างที่ 3
การเขียนตารางโดยใช้ CSS แบบประกาศ Class
olive
x
x
good morning : aqua
x
x
x
x
hello world : teal
ตัวอย่างที่ 4
การเขียนตารางโดย div แบบ inline #1
one
two
three
four
five
six
seven
ตัวอย่างที่ 5
การเขียนตารางโดย div แบบ inline #2
eight
nine
ten
eleven
twelve
ตัวอย่างที่ 6
การเขียนตารางโดย div แบบ inline #3
thirteen
fourteen
fifteen
sixteen
seventeen
eighteen
nineteen
twenty
ตัวอย่างที่ 7
การเขียนตารางโดยใช้ class จาก bootstap
Bootstrap screen by container
- xs (for phones - screens less than 768px wide)
- sm (for tablets - screens equal to or greater than 768px wide)
- md (for small laptops - screens equal to or greater than 992px wide)
- lg (for laptops and desktops - screens equal to or greater than 1200px wide)
sm 4
sm 4
sm 4
sm 8
sm 4
sm 4
sm 8
แนะนำเว็บไซต์ https://www.w3schools.com/css/css_border.asp
https://www.rapidtables.com/web/color/RGB_Color.html
https://getbootstrap.com/docs/4.0/content/tables/
https://www.w3schools.com/cssref/pr_border-style.asp
https://www.w3schools.com/css/tryit.asp?filename=trycss_grid_container
https://stackoverflow.com/questions/9277661/colspan-rowspan-for-elements-whose-display-is-set-to-table-cell
End