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

byNongJava •
0

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

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>
ขอบคุณครับที่ติดตาม
Tags:

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

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