Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

วิธีการจัดรูปแบบรูปภาพด้วย CSS?


หากต้องการจัดรูปแบบรูปภาพด้วย CSS คุณต้องใช้คุณสมบัติต่างๆ เช่น ความสูง ความกว้าง - moz-opacity เป็นต้น ให้เราดูวิธีสร้างรูปภาพแบบโปร่งใสด้วย - คุณสมบัติ CSS moz-opacity:

คุณสมบัติ -moz-opacity ของรูปภาพใช้เพื่อตั้งค่าความทึบของรูปภาพ คุณสมบัตินี้ใช้เพื่อสร้างภาพที่โปร่งใสใน Mozilla IE ใช้ filter:alpha(opacity=x) เพื่อสร้างภาพที่โปร่งใส

ตัวอย่าง

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อจัดรูปแบบรูปภาพและตั้งค่าความทึบด้วย CSS:

<html>
   <head>
   </head>
   <body>
      <img style = "border:1px solid red;-moz-opacity:0.2;filter:alpha(opacity=50);"
         src = "https://www.tutorialspoint.com/assets/videotutorials/courses/css_online_training/380_course_215_image.jpg" />
   </body>
</html>