Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

CSSで画像のスタイルを設定するにはどうすればよいですか?


CSSを使用して画像のスタイルを設定するには、height、width、-moz-opacityなどのプロパティを使用する必要があります。--moz-opacityCSSプロパティを使用して透明な画像を作成する方法を見てみましょう。

画像の-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>

  1. CSSでhr要素のスタイルを設定するにはどうすればよいですか?

    CSSを使用してhr要素のスタイルを設定するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <head> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-

  2. CSSでラベルのスタイルを設定するにはどうすればよいですか?

    CSSでラベルのスタイルを設定するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-