วิธีการใช้สองสีเป็นพื้นหลังบนเว็บไซต์

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

1

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

2

พิมพ์คำจำกัดความสไตล์สำหรับพื้นหลังในแท็กเนื้อความ นิยามสไตล์ใช้รูปแบบ "tag {}" ดังนั้นคำจำกัดความของแท็ก body จะเป็น "body {}" CSS มีพารามิเตอร์ต่าง ๆ ที่ช่วยให้คุณกำหนดสไตล์ของคุณ คุณสมบัติ "ภาพพื้นหลัง" ช่วยให้คุณสามารถระบุภาพสำหรับพื้นหลังของคุณ รวมลิงค์สำหรับรูปภาพในพารามิเตอร์“ url” ตัวอย่างเช่นรหัสอาจมีลักษณะเช่นนี้:

เนื้อหา {background-image: url (images / 2colors.jpg); }

3

พิมพ์ค่าที่แนะนำให้พื้นหลังทำซ้ำในแนวตั้ง - "repeat-y" - หรือแนวนอน - "repeat-x" - โดยใช้คุณสมบัติ คุณสมบัตินี้ช่วยให้คุณสามารถตั้งค่าพารามิเตอร์เพื่อกำหนดลักษณะที่ภาพของคุณจะทำซ้ำ สไตล์ร่างกายจะคล้ายกับสิ่งนี้:

เนื้อหา {background-image: url (images / 2colors.jpg); พื้นหลังซ้ำ: ทำซ้ำ-Y; }

4

บันทึกไฟล์โดยใช้ส่วนขยาย“ .css” ตัวอย่างเช่น pagestyles.css

5

เปิดเว็บเพจที่คุณต้องการใช้สไตล์พื้นหลัง ลิงก์ไปยังเอกสารภายนอกนั้นได้รับการตั้งค่าภายใต้แท็ก“” ของเว็บเพจของคุณ ค้นหาแท็ก“” และแทรกข้อความต่อไปนี้ไว้ด้านบนเพื่อให้สามารถเข้าถึงสไตล์ชีต:

6

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