ホームページ > 記事 > ウェブフロントエンド > HTMLでdiv背景画像を設定する方法

HTMLでdiv背景画像を設定する方法

WBOYオリジナル: 2021-11-15 11:57:4454800ブラウズ

htmldiv 背景画像の設定方法: 1. div 要素の style 属性を使用します。構文は "
"; 2. div 要素に「{background-image:url(image name);}」スタイルを追加します。

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

htmldiv 背景画像の設定方法

1. HTML で背景画像を div に追加する構文は次のとおりです。 ##
<div style="width:宽度值; height:高度值; background:url(图片名称.jpg);"></div>
画像と Web ページをフォルダーに入れます。画像の拡張子に注意してください。ここの .jpg は JPG 画像にのみ適しています。他の種類の画像の拡張子は自分で変更してください。
コードは次のとおりです:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>demo</title>
</head>
<body>
<div style="width: 200px;height: 100px;background: url(1115.08.png);"></div>
</body>
</html>
出力結果:

2. 「{background-image:url(画像名);}" スタイルで背景画像を設定します。コードは次のとおりです:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>demo</title>
<style>
.ellipse{
width: 400px;
height: 200px;
background-image: url(1115.08.png);
}
</style>
</head>
<body>
<div class="ellipse"></div>
</body>
</html>
出力結果:

プログラミング関連の知識の詳細については、
プログラミングビデオにアクセスしてください! ！

以上がHTMLでdiv背景画像を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

html5 css3 html background

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：HTMLでボタンの色を変更する方法次の記事：HTMLでボタンの色を変更する方法

続きを見る