Photo cut

HTMLの背景画像を削除する方法

このステップバイステップのガイドで、HTML の背景画像を簡単に削除する方法を学びましょう。初心者でも経験豊富なプログラマーでも、私たちはあなたをサポートします。不要な背景に別れを告げ、Web サイトにクリーンでプロフェッショナルな外観を作成します。

今すぐアプリをダウンロードしてください!

世界中のチームから信頼されています
世界中のチームから信頼されています

ステップ 1

ステップ 2

ステップ 3

HTML の背景画像を削除する方法

場合によっては、Web ページの背景を設定したり、要素を編集して見た目をより美しくしたり、特定のものを強調したりしたい場合があります。

しかし、HTML を使用してこれを行うことは、誰にとってもやりやすいことではありません。したがって、HTML の背景画像を簡単に削除するためのガイドをここに示します。

HTML の背景画像を削除する方法?

HTML の背景画像を削除するには次の手順に従う必要があります:< /p>

ステップ 1: <h2> を使用して HTML を作成します。要素と 3 つの 要素。 2 番目の <div> には、「no-background」という「id」を使用します。

<h2>例</h2>

<div></div>

<div id=no-background></div>

< p><div></div>

ステップ 2: 最初と最後の <div> に CSS スタイルを追加します。  

<div> の高さと幅を追加します。次に、margin-bottom、border プロパティ、および背景色を指定します。次に、background-image プロパティを URL 値とともに使用します。この後、background-repeat を no-repeat に割り当て、背景サイズを追加して終了します。次のようになります:

div {

<スパンスタイル="カラー: rgb(112, 115, 117);">  高さ: 170px;

  width: 300px;

  margin-bottom: 20px ;

  背景色: #CDCDCD;

< p>border: 2px 実線 #CDCDCD;

  背景画像: URL(https://images.unsplash.com/photo-1507919909716-c8262e491cde?ixlib=rb-

1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60);

  background-repeat: no-repeat;

  背景サイズ: 100%;

}

ステップ 3: 最後に、<div> のスタイルを設定します。 no-background という名前の ID を使用すると、<div> の背景を削除します。要素を追加し、background-image プロパティを none に設定します。

div#no-background {

  背景画像: none;

}

コード全体は次のようになります。これ:

<!DOCTYPE html>

<html>

  ; <head>

    <title>タイトルドキュメントの</title>

    <style>

      div {

< p>高さ: 170px;

        幅: 300px;

        margin-bottom: 20px;

        背景色: #CDCDCD;

        border: 2px 実線 #CDCDCD;

        背景画像:URL(https://images. unsplash.com/photo1507919909716c8262e491cdeixlib=rb

1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=クロップ&w=500&q=60);

         background-repeat: no-repeat;

     ;    背景サイズ: 100%;

       }

      div#背景なし {

        背景-画像: なし;

      }

    </style>

  </head>

  <body>

     ;<h2>例</h2>

    <div> ;</div>

    <div id=no-背景></div>

    <div>< /div>

  </body>

< p></html>



< /p>

PhotoCut を使用して PNG、JPG、JPEG、および WebP 画像から背景を削除します:

< span style="color: rgb(112, 115, 117);">PhotoCut は、画像を正確に編集するのに役立つ、精通した AI 背景除去および編集ツールです。 PhotoCut を使用すると、技術的なスキルに関係なく、誰でも簡単に画像から背景を削除できます。 PhotoCut を使用して、PNG、JPG、JPEG、WebP 画像から背景を削除することもできます。

これらの形式から背景を削除するには、Web サイトから PhotoCut にアクセスするか、App Store (iOS ユーザーの場合) または Google Play ストア (Android ユーザーの場合) から PhotoCut アプリケーションをダウンロードする必要があります。

PhotoCut を使用すると、WebP、PNG、JPG、JPEG 画像から背景を簡単に削除できます。

ステップ 1 - [画像のアップロード] と表示されたダイアログ ボックスをクリックするか、画像をページ上にドラッグ アンド ドロップします。

< p>ステップ 2 - 「画像をアップロードしています。お待ちください。この間に消去してください」というメッセージが画面に表示されます。 bgs AI は驚異的な処理を実行して、選択した画像から背景を削除します。

ステップ 3 - 場合何かを削除するか画像を編集したい場合は、背景を削除した画像の右上隅に編集オプションが表示されます。

ステップ 4 - 編集した画像を好みの形式で、選択した保存先にダウンロードします。

驚くべき品質

あなたは下記にもご興味がおありかもしれません

PhotoCut - ゲームチェンジャー!

PhotoCut アプリを使用して、指先で無限のツールとテンプレートを探索し、新しい画像をカスタマイズします。彼らは私たちを愛しています。あなたもそうするでしょう。

手頃な価格で使いやすい

「Photocut は、私の写真編集への取り組み方に革命をもたらしました。これはまさにゲームチェンジャーです! 結果は印象的で、使いやすさは大きなメリットです。あまりお勧めできません。」

- Sarah T.
Designer at BRIX Templates

高品質の写真

「最初は懐疑的でしたが、Photocut は私の期待を上回りました。まるでプロの写真編集者をすぐに使えるようです。品質とスピードは無敵です!」

- Mark S.
Designer at BRIX Templates

ゲームチェンジャー!

「Photocut はオンライン ストアの救世主です。以前は商品画像の編集に何時間も費やしていましたが、今では数分で編集できるようになり、結果は素晴らしいです。電子商取引には欠かせないツールです。」

- John Carter
Designer at BRIX Templates

無料ツールを探索する

完全無料の機能を使って写真をポップに仕上げましょう。
すべてのツールを見る

よくある質問