home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

การใช้งานคุณสมบัติ background-image ใน CSS

คุณสมบัติ background-image

คุณสมบัติ background-image ใช้สำหรับกำหนดภาพพื้นหลังขององค์ประกอบ

ตัวอย่าง

ลองรันโค้ดต่อไปนี้เพื่อเรียนรู้การทำงานของคุณสมบัติ background-image:

<html>
  <head>
    <style>
      body {
        background-image: url("/latest/inter-process-communication.png");
        background-color: #cccccc;
      }
    </style>
  </head>
  <body>
    <h1>Hello World!</h1>
  </body>
</html>

ข้อมูลเพิ่มเติม:

  • สามารถใช้ URL แบบสัมพัทธ์ (relative) หรือแบบสัมบูรณ์ (absolute) ได้
  • ควรระบุ background-color เป็นสีสำรองในกรณีที่ภาพโหลดไม่ได้
  • รองรับรูปแบบไฟล์ภาพทั่วไป เช่น JPG, PNG, GIF, SVG, WebP