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

สารบัญ:

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

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

วีดีโอ: วิธีตั้งค่าสีพื้นหลัง
วีดีโอ: Adobe Photoshop EP2 วิธีการใส่สีและไล่สีพื้นหลัง 2024, พฤศจิกายน
Anonim

โดยทั่วไป สีพื้นหลังพื้นฐานของหน้าเว็บจะถูกตั้งค่าโดยใช้ Cascading Style Sheets (CSS) โดยทั่วไปแล้ว ความสามารถของภาษา HTML (ภาษามาร์กอัป HyperText - "ภาษามาร์กอัปไฮเปอร์เท็กซ์") ใช้สำหรับสิ่งนี้ บางครั้งองค์ประกอบคำอธิบาย CSS จะอยู่ภายในแท็ก HTML

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

คำแนะนำ

ขั้นตอนที่ 1

ใช้แอตทริบิวต์ bgcolor ของแท็ก body หากคุณต้องการทำให้ง่ายที่สุดในการระบุสีพื้นหลังและเพื่อลดการเปลี่ยนแปลงในซอร์สโค้ดของคุณ คำอธิบายขององค์ประกอบของหน้าทั้งหมดจะอยู่ในแหล่งที่มาของหน้าภายในบล็อกของโค้ด HTML ที่ขึ้นต้นด้วยแท็กและลงท้ายด้วยแท็ก แอตทริบิวต์ bgcolor ถูกระบุในแท็กเปิดและมีค่าสีที่มีชื่อ (เช่น สีแดงหรือช็อกโกแลต) หรือรหัสสีฐานสิบหกที่สอดคล้องกัน (# FF0000 หรือ # D2691E ตามลำดับ) ในรูปแบบที่ง่ายที่สุด แท็กดังกล่าวสามารถเขียนได้ เช่น แบบนี้: หรือแบบนี้: ทั้งสองตัวเลือกตั้งค่าสีแดงเหมือนกันสำหรับพื้นหลังของเอกสาร

ขั้นตอนที่ 2

ใช้คุณสมบัติสีพื้นหลังถ้าคุณต้องการตั้งค่าสีพื้นหลังของเอกสารโดยใช้ภาษาคำอธิบายลักษณะ ซึ่งวิธีนี้ใช้บ่อยกว่ามาก บล็อกคำอธิบายลักษณะสามารถรวมไว้ในซอร์สโค้ดของเอกสาร หรือเขียนในไฟล์แยกต่างหากที่มีนามสกุล css ลิงก์ไปยังไฟล์ภายนอกจะอยู่ที่ส่วนหัวของหน้า (ระหว่างแท็กและ) และมีลักษณะดังนี้: @import "style.css"; หากไม่จำเป็นต้องย้ายคำสั่ง CSS ไปยังไฟล์เพิ่มเติม จากนั้น @import "style.css"; ตัวอย่างเช่น ควรแทนที่ด้วยการทดสอบต่อไปนี้: เนื้อหา {background-color: Red;} เนื้อหาในที่นี้ระบุว่าคำสั่งภายในวงเล็บปีกกาที่กำหนดสีพื้นหลังสีแดงหมายถึงแท็กเนื้อหา HTML เดียวกัน และที่นี่มีหลายระบบในการกำหนดเฉดสี แต่ส่วนใหญ่มักใช้รหัสฐานสิบหก: เนื้อหา {background-color: # FF0000;}

ขั้นตอนที่ 3

แทนที่คุณสมบัติสีพื้นหลังด้วยพื้นหลังเพื่ออธิบายโครงสร้างพื้นหลังที่ซับซ้อนมากขึ้นอย่างกระชับ ตัวอย่างเช่น ถ้านอกเหนือจากพื้นหลังของสีใดสีหนึ่งแล้ว ต้องวางรูปภาพในการสำรองเอกสาร คำอธิบายดังกล่าวอาจมีลักษณะดังนี้: เนื้อหา {พื้นหลัง: Red url (img / BGimage.gif) no-repeat;}

ขั้นตอนที่ 4

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