画像の周りにテキストを折り返すことは、どのような種類の Web サイトにとっても非常に魅力的です。 HTML と CSS 画像をテキストで囲むことは可能であり、画像の形状は一定ではないため、その方法は数多くあります。で HTML :
- も使用できます CSS 形状外側プロパティ 画像の形状に応じて。
- さまざまなレイアウトを実現するために、HTML で画像を右、左、または中央に配置します。以下の例は、上記のアプローチを示しています。
例 1: この例では、画像が画面の右側に浮かんでおり、テキストが画像を囲んでいます。形状画像は通常(正方形)であるため、ここでは形状外部プロパティは必要ありません。
HTML
> <>html>>>> <>head>>>> ><>title>>>> >Wrapping an Image with the text> >title> |