ถ้าต้องการกำหนดสีพื้นหลังของเอกสารเว็บเป็น

  • หา "html" header ของเอกสาร. ปกติจะอยู่ทางด้านบนของเอกสาร

    ถ้าต้องการกำหนดสีพื้นหลังของเอกสารเว็บเป็น
  • รู้จัก syntax พื้นฐานของขั้นตอนนี้. เวลาจะสร้างสีเหลือบ แปลว่าต้องใช้ข้อมูล 2 ส่วน คือจุดเริ่มต้น/ทำมุม และสีที่จะเหลือบเชื่อมต่อกัน คุณเลือกได้หลายสีที่อยากให้เหลือบไปมา และกำหนดทิศทางหรือมุมการเหลือบได้ background: linear-gradient(direction/angle, color1, color2, color3, etc.);

  • ทำสีเหลือบแนวตั้ง. ถ้าไม่กำหนดทิศทางให้สีเหลือบ ก็จะเป็นการเหลือบจากบนลงล่าง วิธีกำหนดสีเหลือบก็คือใช้โค้ดต่อไปนี้ โดยใส่ไว้กลางแท็ก <style></style> html { min-height: 100%; } body { background: -webkit-linear-gradient(#93B874, #C9DCB9); background: -o-linear-gradient(#93B874, #C9DCB9); background: -moz-linear-gradient(#93B874, #C9DCB9); background: linear-gradient(#93B874, #C9DCB9); background-color: #93B874; }

    • แต่ละเบราว์เซอร์ก็มีวิธีกำหนดและใช้งานฟังก์ชั่นสีเหลือบนี้แตกต่างกันไป เพราะงั้นก็ต้องมีโค้ดหลายๆ เวอร์ชั่น
  • ทำสีเหลือบในทิศทางอื่น. ถ้าอยากได้สีเหลือบทิศทางอื่น ไม่เหลือบลงมาตรงๆ ทื่อๆ ก็ให้กำหนดทิศทางการเหลือบ เพื่อเปลี่ยนลักษณะการเหลือบของสี โดยพิมพ์โค้ดต่อไปนี้กลางแท็ก <style></style> html { min-height: 100%; } body { background: -webkit-linear-gradient(left, #93B874, #C9DCB9); background: -o-linear-gradient(right, #93B874, #C9DCB9); background: -moz-linear-gradient(right, #93B874, #C9DCB9); background: linear-gradient(to right, #93B874, #C9DCB9); background-color: #93B874; }

    • ลองใช้แท็ก "left" (ซ้าย) และ "right" (ขวา) ดู เพื่อลองเหลือบในทิศทางต่างๆ จนได้สีเหลือบแบบที่ต้องการ
  • ใช้คุณสมบัติหรือ properties อื่นปรับแต่งสีเหลือบ. คุณตั้งค่าสีเหลือบได้อีกมากมายหลายแบบ

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

      background: linear-gradient(#93B874 10%, #C9DCB9 70%, #000000 90%); 

  • ทำสีโปร่งใส หรือทำให้สีจางลง โดยใช้สีเดียวกัน แต่เหลือบจากสีเข้มปกติไปจนถึงไม่มีสี ต้องใช้ฟังก์ชั่น rgba() กำหนดสี ค่าด้านท้ายจะเป็นตัวกำหนดความโปร่งใส คือ แทนสีทึบ และ 1 แทนโปร่งใส background: linear-gradient(to right, rgba(147,184,116,0), rgba(147,184,116,1));

  • ตรวจทานโค้ดทั้งหมด. โค้ดกำหนดสีเหลือบของพื้นหลังเว็บไซต์ที่ได้ จะออกมาหน้าตาประมาณนี้ <!DOCTYPE html> <html> <head> <style> html { min-height: 100%; } body { background: -webkit-linear-gradient(left, #93B874, #C9DCB9); background: -o-linear-gradient(right, #93B874, #C9DCB9); background: -moz-linear-gradient(right, #93B874, #C9DCB9); background: linear-gradient(to right, #93B874, #C9DCB9); background-color: #93B874; } </style> </head> <body> </body> </html>

  • เมื่อต้องการเพิ่มความดึงดูดสายตาให้กับเอกสารของคุณ ให้เพิ่มสีพื้นหลังโดยใช้ปุ่ม สีของ หน้า คุณยังสามารถ เพิ่มลายน้าได้

    เพิ่มหรือเปลี่ยนสีพื้นหลัง

    1. ไปที่ ออกแบบ > สีของหน้า

    2. เลือกสีที่คุณต้องการภายใต้สีของธีมหรือ สีมาตรฐาน

      ถ้าต้องการกำหนดสีพื้นหลังของเอกสารเว็บเป็น

      • ถ้าคุณไม่เห็นสีที่คุณต้องการ ให้เลือก สีเพิ่มเติม แล้วเลือกสีจาก กล่อง สี

      • เมื่อต้องการเพิ่มการไล่ระดับสี พื้นผิว ลวดลาย หรือรูปภาพให้เลือก เติมเอฟเฟ็กต์ แล้วไปที่ไล่ระดับสี,พื้นผิว ,ลวดลายหรือ รูปภาพ แล้วเลือกตัวเลือก

    ลวดลายและพื้นผิวจะถูกเรียงต่อกัน (หรือ "เรียงต่อกัน") เพื่อเติมทั้งหน้า ถ้าคุณบันทึกเอกสารเป็นเว็บเพจ พื้นผิวจะถูกบันทึกเป็นไฟล์ JPEG ลวดลายและการไล่ระดับสีจะถูกบันทึกเป็นไฟล์ PNG

    เอาสีพื้นหลังออก

    1. ไปที่ ออกแบบ > สีของหน้า

    2. เลือก ไม่มีสี

    สิ่งสำคัญ:  Office 2010 ไม่ได้รับการสนับสนุนอีกต่อไป อัปเกรดเป็น Microsoft 365 เพื่อทำงานได้ทุกที่จากทุกอุปกรณ์และรับการสนับสนุนต่อไป

    อัปเกรดทันที

    คุณสามารถใช้การไล่ระดับสี ลวดลาย รูปภาพ สีทึบ หรือพื้นผิวพื้นหลังได้ การไล่ระดับสี ลวดลาย รูปภาพ และพื้นผิวจะเรียงต่อกันหรือซ้ําๆ เพื่อเติมหน้า ถ้าคุณบันทึกเอกสารเป็นเว็บเพจ รูปภาพ พื้นผิว และการไล่ระดับสีจะถูกบันทึก JPEG เป็นไฟล์รูปแบบและรูปแบบจะถูกบันทึก GIF ในไฟล์

    เพิ่มหรือเปลี่ยนสีพื้นหลัง

    1. ไปที่ เค้าโครง หน้ากระดาษ > สีของหน้า

      ถ้าต้องการกำหนดสีพื้นหลังของเอกสารเว็บเป็น

    2. ให้เลือกทำดังนี้:

      • เลือก จากสีของธีมหรือ สีมาตรฐาน

      • เลือกสีเพิ่มเติม แล้วเลือกสี

      • เลือก เติม เอฟเฟ็กต์ เพื่อเพิ่มเอฟเฟ็กต์พิเศษ เช่น การไล่ระดับสี ลวดลาย หรือพื้นผิว

        หมายเหตุ: เลือกสีที่คุณต้องการก่อนที่คุณจะใช้การไล่ระดับสีหรือลวดลาย

    เอาพื้นหลังออก

    1. ไปที่ เค้าโครง หน้ากระดาษ > สีของหน้า

      ถ้าต้องการกำหนดสีพื้นหลังของเอกสารเว็บเป็น

    2. เลือก ไม่มีสี

    เปลี่ยนสีพื้นหลัง

    1. ไปที่ ออกแบบ > สีของหน้า

    2. เลือกสีที่คุณต้องการ ถ้าคุณไม่เห็นสีที่คุณต้องการ ให้เลือก สี เพิ่มเติม จากนั้นเลือกสีจากตัวเลือกต่างๆ ในกล่อง สี

      เคล็ดลับ: 

      • เมื่อต้องการเลือกสีจากไฟล์ ให้เลือกรูปภาพ คลิกไอคอนรูปเฟือง แล้วเลือก ใหม่จากไฟล์

      • ถ้าต้องการกำหนดสีพื้นหลังของเอกสารเว็บเป็น

    เอาสีพื้นหลังออก

    1. ไปที่ ออกแบบ>สีของหน้า

    2. เลือก ไม่มีสี