Devdit
 

ขยับรูป HTML ไปในตำแหน่งที่ต้องการด้วย position :relative

5.7K

สอนเขียนโค้ดขยับรูป HTML ไปในตำแหน่งที่ต้องการด้วย position :relative แนะนำการใช้คำสั่ง position ของ CSS รูปแบบ relative เพื่อขยับรูปภาพไปในตำแหน่งที่ต้องการ ใช้งานร่วมกับ left, right, bottom และ top สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง ขยับรูป HTML ไปในตำแหน่งที่ต้องการด้วย position :relative

<img src="https://www.devdit.com/favicon-16x16.png" style="position: relative; top:10px; left: 10px;">

คำอธิบาย

ขยับรูป HTML ไปในตำแหน่งที่ต้องการ แนะนำให้ใช้คำสั่ง position: relative กำหนดไว้ใน attribute style โดยใช้งานร่วมกับคำสั่ง 

top คือ ขยับรูป จากบนลงล่าง

left คือ ขยับรูป จากซ้ายไปขวา

right คือ ขยับรูป จากขวาไปซ้าย

bottom คือ ขยับรูป จากล่างขึ้นบน

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