แบบฝึกหัด Advanced CSS course : ข้อที่ 3 จงออกแบบเว็บไซต์ด้วย CSS ตามภาพตัวอย่างต่อไปนี้ เพื่อเติมส่วนที่หายไป

แบบฝึกหัด #246
เขียนโดย :
มีผู้อ่าน : 47 คน วันนี้ : 3 คน

สวัสดีครับผม!!! วันนี้เรากลับมากับแบบฝึกหัดจากคอร์ส Advanced CSS course แบบง่าย ๆ  กันในข้อที่ 3 กันต่อเลยนะครับ ลองตอบหรือทำกันดูนะครับ หรือผู้ที่กำลังเริ่มหัดเขียน CSS อยู่ ก็สามารถลองทำได้ด้วยนะครับ รับประกันว่าไม่ยากเกินไป ( หรือเปล่า อิอิ ) ซึ่งจะใช้มีความ Advance เพิ่มขึ้นมาพอสมควรจากข้อที่แล้วนะครับ


โอเคครับ มาลองดูกันเลยดีกว่า...

 

โจทย์ของเราก็คือ


- จากภาพตัวอย่างจะแสดงผล ส่วนของ หน้าเว็บไซต์ ส่วนของ HTML และส่วนของ CSS 
- โดยในส่วนของ CSS นั้น จะเห็นว่าเราได้ประกาศ Style ไว้เรียบร้อยแล้วทั้ง 6 ชุดโดยที่ยังไม่ได้ระบุ Selector หรือ Elements ที่ต้องการใช้ Style แต่ละชุด

และโจทย์นี้ง่าย ๆ เลยครับ เพียงแค่เติมคำในช่องว่างทั้ง 3 ให้ถูกต้องครับ เท่านั้นเอง เหมือนข้อก่อน ๆ ที่ผ่านมาครับ!!!

 

หมายเหตุ : สำหรับโจทย์นี้นะครับหลัก ๆ จะใช้การ ประกาศ nth-child ระบุเป็นตัว ๆ ไปเลยก็ได้ หรือจะกำหนดแบบ an+b ก็ได้ตามแต่ที่ถนัดเลยครับ อย่างไงก็ลองทำตามตัวอย่างกันดูนะครับ จะได้รู้ว่าส่วนที่ขาดไปคืออะไร


หากติดปัญหาตรงไหน สามารถเข้ามาสอบถามได้ที่ Fanpage Who Do Coder ได้เลยนะครับ