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

แบบฝึกหัด #241
เขียนโดย :
มีผู้อ่าน : 2,621 คน วันนี้ : 2 คน

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


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

 

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

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

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

 

หมายเหตุ : สำหรับโจทย์นี้นะครับหลัก ๆ จะใช้แค่ Element Name กับเครื่องหมาย ">" ( Greater-Than sign ) หรือ " " (White Space) เท่านั้นครับ เพราะจากโค๊ด HTML จะเห็นว่าไม่มีการเรียกใช้ Class หรือ ID เลยแม้แต่ตัวเดียว อย่างไงก็ลองทำตามตัวอย่างกันดูนะครับ จะได้รู้ว่าส่วนที่ขาดไปคืออะไร


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