การสร้างเว็บเพจด้วย CSS layout (ตอนที่ 9)
กำหนดการแสดงผลของ H1
#containner #main #right #content.green h1 ส่วนนี้จะใช้แสดงผล H1 tag ที่อยู่ใน content ที่มี class = green จะแสดงผลดังรูปด้านล่าง1. กำหนดสีและขนาดของตัวอักษร
2. กำหนดขนาดของ H1 ให้กว้าง 450px และสูง 40px และกำหนดค่า margin , padding
3. สุดท้ายก็กำหนดเส้นขอบทางซ้ายมือ
กำหนดการแสดงผลของ authors
#containner #main #right #content #authors ส่วนนี้จะกำหนดตำแหน่งชื่อผู้แต่ง ให้แสดงอยู่ใต้หัวข้อดังรูป1. กำหนดขนาดตัวอักษร และสี
2. กำหนด margin , padding ให้เป็น 0 เรื่องนี้สำคัญมากต่อการจัดตำแหน่งของ authors
3. กำหนดตำแหน่งให้กับ authors โดย type เลือกเป็น absolute เพื่อจะทำให้เราสามารถจัดตำแหน่งได้อย่างอิสระ โดยตำแหน่งที่เราจัดอยู่ในกรอบของ <div id="content"> นั่นคือ ด้านบนอยู่ห่างจากขอบ content 25px และด้านซ้ายอยู่ห่างจากขอบ 15px