Devdit
 

HTML ใส่ background รูปภาพ สี

1.4K

HTML ใส่ background รูปภาพ สี บทความนี้สอนวิธีเขียนโค้ดเพื่อใส่ background ทั้งแบบรูปภาพ และแบบใส่สีด้วยคำสั่ง background-image และ background-color ของ HTML สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่างที่ 1 HTML ใส่ background รูปภาพ

<html>
<head></head>
<body style="background-image: url('bg.png')">
</body>
</html>

คำอธิบาย

จากตัวอย่างใช้คำสั่ง background-image และกำหนดที่อยู่ของรูปภาพไว้ใน url ซึ่งคำสั่งทั้งหมดเขียนไว้ในแท็ก body ผ่าน attribute style เพื่อใส่ background เป็นรูปภาพ ด้วย HTML

 

ตัวอย่างที่ 2 HTML ใส่ background สี

<html>
<head></head>
<body style="background-color: green">
</body>
</html>

คำอธิบาย

จากตัวอย่างใช้คำสั่ง background-color และกำหนดสีที่ต้องการ เช่น green = สีเขียว โดยเขียนผ่าน attribute style ภายในแท็ก body เพื่อใส่ background เป็นสีด้วย HTML

เขียน 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ