HTML/CSSの見出しでIllustratorで作成したピングファイル その下にタイトル文字て形にしてるのですがなぜかpaddingとか反映しませんそんなことあり得るのでしょうか?入れたのは以下のとおりです。HTML\u0026lt;h1\u0026gt;\u0026lt;img\u0026gt; pingファイル \u0026lt;br\u0026gt;五等分の花嫁\u0026lt;/h1\u0026gt;CSSimg{padding:0;}

1件の回答

回答を書く

1030750

2026-02-02 01:40

+ フォロー

CSSセレクタの記述に問題があるようです。imgタグにpaddingを適用するには、以下の点を確認してください:

1. CSSのセレクタは中括弧「{}」ではなく、半角の波括弧「{}」を使用する必要があります
2. imgタグとセレクタの間にスペースがないようにしてください

正しい記述は以下のようになります:
css
img {padding: 0;}


また、他にも考えられる問題点:
・imgタグに src 属性が設定されていない可能性
・画像自体に余白が含まれている可能性
・他のCSSルールが上書きしている可能性

より詳細な制御をしたい場合は、以下のようにクラスを追加するとよいでしょう:
html
\u0026lt;h1\u0026gt;\u0026lt;img class=\u0026quot;title-image\u0026quot; src=\u0026quot;画像のパス\u0026quot;\u0026gt; \u0026lt;br\u0026gt;五等分の花嫁\u0026lt;/h1\u0026gt;


css
.title-image {
padding: 0;
margin: 0;
display: inline-block;
}

うったえる有益だ(0シェアするブックマークする

関連質問

Copyright © 2026 AQ188.com All Rights Reserved.

博識 著作権所有