How do you put the image on the top left corner of your web


วิธีทำนำรูปภาพเอาไว้บนมุมด้านซ้ายบนของเว็บไซต์

How do you put the photo on the top left corner of the site.

รูปภาพ



ตัวอย่าง


1. โค้ด CSS
.black-ribbon {
  position: fixed;
  z-index: 99999999999999999999999;
  width:70px;
}
@media only all and (min-width: 768px) {
  .black-ribbon {
    width: auto;
  }
}
.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }

1. โค้ด HTML image tag ไปวางด้านล่าง Tag Body
   

 <img class="black-ribbon stick-top stick-left" src="images/black_ribbon_top_left.png" ></img>
   

ขอบคุณครับที่ติดตาม
Boonyadol Morruchai (Senior Full-stack Developer)

ผมเป็น IT Professional ที่มีประสบการณ์ในสายงานมากว่า 20 ปี เชี่ยวชาญการออกแบบระบบ Enterprise และ Automation Tools ปัจจุบันมุ่งเน้นการประยุกต์ใช้ AI (Gemini/OpenAI) เพื่อเพิ่มประสิทธิภาพในการเขียน Code และการจัดการข้อมูลขนาดใหญ่ บล็อกนี้สร้างขึ้นเพื่อแชร์ "ประสบการณ์หน้างาน" ปัญหาจริงที่เจอ และวิธีแก้ปัญหาฉบับ Senior Dev ครับ

แสดงความคิดเห็น

ใหม่กว่า เก่ากว่า