1360035278 CSS h1要素の左端に画像を表示する方法を教えてください。

写真のように画像(ここでは☆)のあとにテキストが入るイメージです。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/02/05 12:34:38
  • 終了:2013/02/12 12:35:04

回答(2件)

id:a-kuma3 No.1

a-kuma3回答回数4523ベストアンサー獲得回数18792013/02/05 13:12:57

ポイント50pt

こんな感じでしょうか。

H1 {
    background-image: url(画像のURL);
    background-repeat: no-repeat;
    padding-left: ○px;     /* 画像の幅だけ、内容を右にずらす */
}

具体的な値を入れて書くと、こんな感じ。

H1 {
    background-image: url(http://s.hatena.ne.jp/images/star.gif);
    background-repeat: no-repeat;
    padding-left: 16px;
}
id:halappa

おおおさっそくありがとうございます、やってみます

2013/02/05 13:22:03
id:halappa

できました!!!!

2013/02/05 13:35:45
id:hiroto300 No.2

Hiroto回答回数357ベストアンサー獲得回数1002013/02/05 18:06:51スマートフォンから投稿

ポイント50pt
h1::before{
content: "<img src=\"画像のURL\">";
}

h1要素の前にimgタグを挿入します。

id:halappa

ありがとうございます!こちらでもやってみます!

2013/02/11 12:03:00
id:hiroto300

返信ありがとうございます。今確認してみたのですが、タグがそのまま表示されてしまいました。
正しくは次の通りでした。

h1::before{
content: url("画像のURL");
}

間違えてしまい、本当にすいません。

2013/02/11 13:04:25

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません