画像の位置を設定するための HTML メソッド: 最初に「position:absolute;」スタイルを画像要素に追加し、画像の絶対位置を設定します。次に、left 属性を使用して左マージン間の距離を設定します。位置決め要素の境界とその要素を含むブロックの左境界 Offset; 最後に、top 属性を使用して、位置決め要素の上部オフセットを設定します。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
Html画像の場所を設定します
<!DOCTYPE html> <html> <head> </head> <body> <img src="img/1.jpg" style="max-width:90%" style="max-width:90%" / alt="HTMLで画像の位置を設定する方法" > <!--这里的图片路径我放在网页的当前目录--> </body> </html>
デフォルトの画像の場所:
次のコードを使用して、画像の位置の後に設定
/*设置图片的属性*/
img {
position: absolute;
/*绝对位移*/
left: 300px;
/*left 属性规定元素的左边缘。该属性定义了定位元素左外边距边界与其包含块左边界之间的偏移。*/
top: 150px;
/*top 属性规定元素的顶部边缘。该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。*/
}レンダリング:
推奨チュートリアル:「html ビデオ チュートリアル」
以上がHTMLで画像の位置を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
