Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

CSS로 이미지의 스타일을 지정하는 방법은 무엇입니까?

<시간/>

CSS로 이미지의 스타일을 지정하려면 높이, 너비, - moz-opacity 등과 같은 속성을 사용해야 합니다. - moz-opacity CSS 속성을 사용하여 투명 이미지를 만드는 방법을 살펴보겠습니다.

이미지의 -moz-opacity 속성은 이미지의 불투명도를 설정하는 데 사용됩니다. 이 속성은 Mozilla에서 투명한 이미지를 만드는 데 사용됩니다. IE는 필터:알파(불투명도=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>