CSS の CSSでCSSでCSSでfloat属性を使う方法属性を使う方法属性を使う方法 属性を使用して、適用された要素を元の位置から左上または右上に移動します。テキストなど、CSSでCSSでCSSでfloat属性を使う方法属性を使う方法属性を使う方法 に適さない内部要素は CSSでCSSでCSSでfloat属性を使う方法属性を使う方法属性を使う方法 要素の周囲に設定されます。
#CSSでCSSでCSSでfloat属性を使う方法属性を使う方法属性を使う方法 の具体的な使い方を見てみましょう
CSSでCSSでCSSでfloat属性を使う方法属性を使う方法属性を使う方法 属性は次のように説明されますCSSでCSSでCSSでfloat属性を使う方法属性を使う方法属性を使う方法: 值;
最初に CSSでCSSでCSSでfloat属性を使う方法属性を使う方法属性を使う方法:left;
In を見てみましょう。 width 高さ170px、高さ100pxのボックスに画像とテキストを設定し、画像上にCSSでCSSでCSSでfloat属性を使う方法属性を使う方法属性を使う方法属性をleftに設定した例。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="sample.css"> </head> <body> <p class="content1"><img src="img/mouse.png" alt="图像" style="max-width:90%"> 在图像上使用CSSでCSSでCSSでfloat属性を使う方法属性を使う方法属性を使う方法:left的例子:文字在右侧显示,剩下部分的文字在图像的下面被显示</p> </body> </html>
p.content1 {background-color: #b0e0e6; width: 170px; height: 100px; } img {CSSでCSSでCSSでfloat属性を使う方法属性を使う方法属性を使う方法: left;}
次の効果がブラウザに表示されます
画像は左側に表示され、テキストが画像の右側と下側に回り込んでいます。
次に、CSSでCSSでCSSでfloat属性を使う方法属性を使う方法属性を使う方法:right;
HTML コード
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="sample.css"> </head> <body> <p class="content1"><img src="img/mouse.png" alt="图像" style="max-width:90%"> 在图像上使用CSSでCSSでCSSでfloat属性を使う方法属性を使う方法属性を使う方法:right的例子:文字在左侧显示,剩下部分的文字在图像的下面被显示</p> </body> </html>
CSSコード
p.content1 {background-color: #b0e0e6; width: 170px; height: 100px; } img {CSSでCSSでCSSでfloat属性を使う方法属性を使う方法属性を使う方法: right;}
ブラウザ上では以下のような効果が表示されます
画像が右側に表示され、左側と下を文字で囲みます画像の側面。CSS ビデオ チュートリアル 列に移動してください。ウェブサイトさらに勉強してください! ! !
以上がCSSでfloat属性を使う方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。