วิธีตั้งค่าพื้นหลังใน Html

สารบัญ:

วิธีตั้งค่าพื้นหลังใน Html
วิธีตั้งค่าพื้นหลังใน Html

วีดีโอ: วิธีตั้งค่าพื้นหลังใน Html

วีดีโอ: วิธีตั้งค่าพื้นหลังใน Html
วีดีโอ: ภาษา HTML คำสั่งใส่สีพื้นหลัง,ใส่ภาพพื้นหลังเว็บไซต์ 2024, ธันวาคม
Anonim

ภาษามาร์กอัปไฮเปอร์เท็กซ์ที่พบบ่อยที่สุดในปัจจุบันคือ HTML นอกจากเครื่องมือที่หลากหลายสำหรับกำหนดโครงสร้างของเอกสารแล้ว ยังมีความสามารถในการเปลี่ยนการนำเสนอด้วยภาพ ตัวอย่างเช่น คุณสามารถตั้งค่าพื้นหลังของเอกสารไฮเปอร์เท็กซ์และองค์ประกอบของเอกสารได้หลายวิธี

วิธีตั้งค่าพื้นหลังใน html
วิธีตั้งค่าพื้นหลังใน html

มันจำเป็น

ความสามารถในการแก้ไขเอกสาร HTML

คำแนะนำ

ขั้นตอนที่ 1

ในการตั้งค่าสีพื้นหลังของเอกสาร ตาราง ตลอดจนแถว เซลล์ส่วนหัว และเซลล์เนื้อหาใน HTML ให้ใช้แอตทริบิวต์ bgcolor ขององค์ประกอบ BODY, TABLE, TR, TH, TD ตามลำดับ แอ็ตทริบิวต์นี้ยอมรับค่าที่เข้ารหัสสีของช่องว่าง SRGB ซึ่งแสดงเป็นเลขฐานสิบหกที่นำหน้าด้วยแฮชหรือตัวช่วยจำเชิงสัญลักษณ์ ตัวอย่างเช่น:

ขั้นตอนที่ 2

ใช้แอตทริบิวต์พื้นหลังขององค์ประกอบ BODY เพื่อกำหนดรูปภาพที่จะเป็นพื้นหลังของเอกสารทั้งหมด: ตามหลักการแยกโครงสร้างและกลไกในการกำหนดการนำเสนอด้วยภาพสำหรับเอกสารไฮเปอร์เท็กซ์ ขอแนะนำให้ใช้สไตล์ชีตแทน ของแอตทริบิวต์ขององค์ประกอบ HTML (ตามที่อธิบายไว้ในขั้นตอนที่ 1 และ 2) …

ขั้นตอนที่ 3

ตั้งค่าสีพื้นหลังขององค์ประกอบใดๆ โดยใช้คุณสมบัติ CSS สีพื้นหลัง ใช้แอตทริบิวต์ style เพื่อกำหนดข้อมูลรูปแบบอินไลน์สำหรับองค์ประกอบ หรือเพิ่มชุดกฎด้วยตัวเลือกที่เหมาะสมกับสไตล์ชีต: พื้นหลังสีเขียว BODY {background-color: # 00FF00; }

ขั้นตอนที่ 4

กำหนดภาพพื้นหลังขององค์ประกอบหรือกลุ่มขององค์ประกอบโดยใช้คุณสมบัติ CSS background-image ค่าจะต้องเป็น URI ที่ระบุทรัพยากรที่เกี่ยวข้อง ตัวอย่างเช่น: BODY background-image {background-image: url ("myimage.gif")}

ขั้นตอนที่ 5

ตั้งกฎเพิ่มเติมสำหรับการแสดงภาพพื้นหลังขององค์ประกอบเอกสาร ใช้คุณสมบัติ CSS ของ background-repeat, background-attachment และ background-position ตัวเลือกแรกกำหนดตัวเลือกการแบ่งส่วน ส่วนที่สองกำหนดจุดเชื่อมต่อที่สัมพันธ์กับเอกสารหรือวิวพอร์ต และตัวเลือกที่สามกำหนดออฟเซ็ตเริ่มต้นหรือการจัดตำแหน่งที่สัมพันธ์กับขอบเขตของคอนเทนเนอร์ ตรวจสอบข้อกำหนด CSS2 ที่ w3c.org สำหรับค่าที่เป็นไปได้สำหรับคุณสมบัติเหล่านี้

แนะนำ: