logo

HTML と CSS を使用して画像の周囲にテキストを折り返すにはどうすればよいですか?

画像の周りにテキストを折り返すことは、どのような種類の Web サイトにとっても非常に魅力的です。 HTML と CSS 画像をテキストで囲むことは可能であり、画像の形状は一定ではないため、その方法は数多くあります。で HTML :

  • も使用できます CSS 形状外側プロパティ 画像の形状に応じて。
  • さまざまなレイアウトを実現するために、HTML で画像を右、左、または中央に配置します。以下の例は、上記のアプローチを示しています。

例 1: この例では、画像が画面の右側に浮かんでおり、テキストが画像を囲んでいます。形状画像は通常(正方形)であるため、ここでは形状外部プロパティは必要ありません。



HTML






> <>html>>>> <>head>>>> ><>title>>>> >Wrapping an Image with the text> >title>