เพื่อตกแต่งเว็บไซต์ของคุณบนอินเทอร์เน็ต คุณสามารถเปลี่ยนแปลงการออกแบบได้ การเปลี่ยนการออกแบบหมายถึงการดำเนินการใดๆ ตั้งแต่การเปลี่ยนพื้นหลังของหน้าหลักไปจนถึงการวาดเทมเพลตไซต์ใหม่ทั้งหมด หากคุณตัดสินใจเปลี่ยนพื้นหลังของไซต์ คำแนะนำต่อไปนี้จะช่วยแก้ปัญหานี้ได้
จำเป็น
การแก้ไขไฟล์ css
คำแนะนำ
ขั้นตอนที่ 1
โดยส่วนใหญ่ โค้ดการออกแบบไซต์จะอยู่ในไฟล์ style.css แต่เทมเพลตแต่ละอันอาจแตกต่างไปจากอันก่อนหน้า ดังนั้นโค้ดการออกแบบจึงสามารถอยู่ในไฟล์อื่นได้ แต่ยังมีนามสกุล css ในการตั้งค่าสีพื้นหลังของไซต์ของคุณ คุณต้องป้อนหรือแทนที่ค่าที่มีอยู่ด้วยนิพจน์ต่อไปนี้: / * white background * / body {
สีพื้นหลัง: #FFFFFF;} / * พื้นหลังชื่อสีขาว, สีตัวอักษรสีดำ * / h1 {
สี: # 000000;
สีพื้นหลัง: #FFFFFF;
}
ขั้นตอนที่ 2
ในการแทรกรูปภาพใดๆ เป็นพื้นหลังบนไซต์ของคุณ คุณต้องป้อนหรือแทนที่ค่าที่มีอยู่ด้วยนิพจน์ต่อไปนี้: body {
พื้นหลังสี: # 000000;
ภาพพื้นหลัง: url ("Image-1.jpg");
}
ควรสังเกตว่าในกรณีนี้จำเป็นต้องระบุลิงก์ไปยังไฟล์รูปภาพ ซึ่งจะอยู่ในโฟลเดอร์เดียวกันกับไฟล์ css
ขั้นตอนที่ 3
ถ้าคุณต้องการเรียงต่อกันรูปภาพขนาดเล็กหรือรูปภาพขนาดเล็ก ให้ใช้คำสั่ง background-repeat เพื่อใช้คำสั่งนี้อย่างถูกต้อง มีการปรับแต่งหลายคำสั่งสำหรับคำสั่งนี้:
background-repeat: repeat-x - ทำซ้ำภาพตามแกน x;
background-repeat: ทำซ้ำ-y - ทำซ้ำภาพตามแกน y;
background-repeat: ทำซ้ำ - เล่นภาพซ้ำสองแกนพร้อมกัน
background-repeat: no-repeat - รูปภาพไม่ซ้ำ
ไฟล์แนบพื้นหลัง: เลื่อน - เลื่อนรูปภาพพร้อมกับหน้า;
ไฟล์แนบพื้นหลัง: แก้ไข - รูปภาพไม่ได้เลื่อน
เมื่อใช้ไวยากรณ์ของคำสั่งนี้ คุณสามารถแสดงวิธีการทำงานในตัวอย่าง:
background-position: 30px 40px - รูปภาพมีขนาด 30 พิกเซลจากด้านบนและ 40 พิกเซลจากด้านซ้ายไปด้านขวา
ตำแหน่งพื้นหลัง: 60% 35% - ช่องว่างภายในด้านซ้ายคือ 60% และช่องว่างภายในด้านบนคือ 25%