พื้นหลังสีบนเว็บไซต์ไม่เพียงแต่ดึงดูดความสนใจของผู้เยี่ยมชม แต่ยังสื่อถึงอารมณ์ของทรัพยากรอีกด้วย ไซต์ในธีมอวกาศสร้างบรรยากาศของความลึกลับด้วยพื้นหลังในรูปแบบของท้องฟ้าเต็มไปด้วยดวงดาว แหล่งความบันเทิงเต็มไปด้วยสีสันของโทนสีอบอุ่น บริการเว็บของบริการในเมืองแสดงความเป็นทางการด้วยการออกแบบที่เข้มงวดและพื้นหลังเป็นสีเทาและสีน้ำเงินเป็นส่วนใหญ่. มีหลายวิธีในการทำให้หน้าเว็บของคุณเองมีสี
มันจำเป็น
- - เว็บไซต์ของคุณ
- - อย่างน้อยก็มีความรู้พื้นฐานเกี่ยวกับ HTML
คำแนะนำ
ขั้นตอนที่ 1
ในการสร้างพื้นหลังสีทึบ ให้ค้นหาแท็กต่อไปนี้และในโค้ด HTML เปลี่ยนแท็กแรกดังนี้:
ในโครงสร้างนี้ # FFFF33 คือเฉดสีเหลืองที่เข้ารหัส
ขั้นตอนที่ 2
สีของหน้าสามารถระบุได้ไม่เพียง แต่ด้วยรหัสเท่านั้น แต่ยังมีคำพิเศษ - ชื่อของสีหลัก หากต้องการระบุสีพื้นหลังด้วยคำ ให้เขียนโค้ดต่อไปนี้:
ในที่นี้ "สีเหลือง" คือชื่อของสีเหลือง
ขั้นตอนที่ 3
แทนที่จะใช้เครื่องหมายโค้ดสีเหลืองหรือชื่อ ให้เพิ่มการกำหนดสีพื้นหลังที่คุณต้องการให้กับแท็กโดยใช้คำใบ้นี้:
สีแดง - "สีแดง" ("# FF0000")
สีน้ำเงิน - "สีน้ำเงิน" ("# 0000FF")
สีเขียว - "สีเขียว" ("# 008000")
ชมพู - "ชมพู" ("# FFC0CB")
สีม่วง - "ม่วง" ("# EE82EE")
ส้ม - "ส้ม" ("# FFA500")
สีดำ - "ดำ" ("# 000000")
ขั้นตอนที่ 4
หากคุณต้องการให้มีรูปภาพซ้ำบนพื้นหลังของไซต์ ให้เลือกรูปภาพขนาดเล็กซึ่งข้อความจะมองเห็นได้ชัดเจน อัปโหลดรูปภาพไปยังไซต์ หากต้องการวางรูปภาพเป็นพื้นหลัง ให้ป้อนรหัสนี้ลงในแท็ก
ในรายการนี้ แทนที่จะระบุ "/images/fon.jpg" ให้ระบุเส้นทางไปยังรูปภาพที่ต้องการ
ขั้นตอนที่ 5
สีของหน้าเว็บสามารถกำหนดได้ไม่เฉพาะในโค้ด HTML แต่ยังใช้สไตล์ CSS ได้อีกด้วย เมื่อใช้สไตล์เหล่านี้ คุณไม่จำเป็นต้องตั้งค่าพื้นหลังในโค้ดของหน้าใหม่ทุกครั้ง ในการกำหนดพื้นหลังใน CSS ระหว่างแท็กและใส่รายการดังนี้:
ร่างกาย {
พื้นหลัง: # FFFF33;
}
ที่นี่สีพื้นหลังถูกกำหนดโดยพารามิเตอร์พื้นหลัง
ขั้นตอนที่ 6
หากคุณต้องการสร้างพื้นหลังใน CSS โดยใช้รูปภาพ ให้เขียนโค้ดต่อไปนี้ระหว่างและเขียนโค้ดต่อไปนี้ แทนที่จะระบุเส้นทางไปยังรูปภาพที่ต้องการ '/images/fon.jpg':
ร่างกาย {
ภาพพื้นหลัง: url ('/ images / fon.jpg');
พื้นหลังซ้ำ: ทำซ้ำ;
}
ที่นี่พารามิเตอร์ background-image กำหนดภาพพื้นหลัง, background-repeat - การทำซ้ำของภาพ ในเพจ.