重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

電子書籍の厳選無料作品が豊富！

詳しい人求む！

HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」

締切済

  • 質問者：ひなたまる
  • 質問日時：
  • 回答数：5件

HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。
下記、「前」という単語だけを赤色にしたいのになぜか全く違う色になってしまいます。
どうすればいいでしょうか？

<div style="text-align: center," ›span style="font-size: 30pt,"> font color = "#GE6666" span style="background: linear- gradient(transparent 70%, #8ED7DA 0%);">利用開始<font color="
#F28585”＞前く/font>についてく/span></font＞</span></div>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (5件)

参考程度に

No.5

  • 回答者： gura_
  • 回答日時：

ひなたまる さん


　･････特定の文字だけ色を変えたいのですが、･･････

タイプミスなどを無くし、正しく記述すれば良いのでは。

ご参考に↓
https://www.tohoho-web.com/wwwbeg3.htm#FontColor

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
</head>
<body>
<div style="text-align: center;">
<span style="font-size: 30pt; background: linear-gradient(transparent 70%, #8ED7DA 0%);">
利用開始<span style="color: #F28585;">前</span>について
</span>
</div>
</body>
</html>
「HTMLで特定の文字だけ色を変えたいので」の回答画像5
    • good
    • 0
    • 件
通報する

参考程度に

No.4

  • 回答者： gura_
  • 回答日時：

ひなたまる さん


････特定の文字だけ色を変えたいのですが、･･････

タイプミスなどを無くし、正しく記述すれば良いのでは。

ご参考に↓
https://www.tohoho-web.com/wwwbeg3.htm#FontColor

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
</head>
<body>
<div style="text-align: center;">
<span style="font-size: 30pt; background: linear-gradient(transparent 70%, #8ED7DA 0%);">
利用開始<span style="color: #F28585;">前</span>について
</span>
</div>
</body>
</html>
「HTMLで特定の文字だけ色を変えたいので」の回答画像4
    • good
    • 0
    • 件
通報する

No.3

  • 回答者： Ogre7077
  • 回答日時：

おそらく単純な書式不正の連続なので、書き方を整理しましょう



<div class=notice>
利用開始<em>前</em>について
</div>
<style>
.notice { text-align:center; font-size:30pt; …中略… }
.notice em { color:red; font-weight:normal; }
</style>

参考)
https://developer.mozilla.org/ja/docs/Web/CSS/co …
https://developer.mozilla.org/ja/docs/Learn/CSS/ …
    • good
    • 0
    • 件
通報する

参考程度に

No.2

  • 回答者： fujillin
  • 回答日時：

こんにちは



ご質問文はソースのコピペではなくって、質問文用に直接打ち込んだのでしょうか？
そのままコピペすると、色どころではないですね。
（通常の文章表示にならない）

元のソースがどうなっているのか不明ですので、わかりませんけれど・・
ご質問文に記載のソースから推測すると、
・開始タグと終了タグをきちんと対応させる
・使用する文字（特にタグの<>）は形状が似ていればＯＫという
　ことはありません
　（半角英数の<>を使用してください）
・その上で、属性等の指定方法、使用文字等が正しいか
　（特にクオーテーション等）をチェック
　（タグ記号同様に、見た目が似ていればＯＫではありません）

あたりをきちんと修正すれば、ひとまず表示されるようにはなるでしょう。


※ ちなみに、fontタグは非推奨になっていますので、これから覚えるのであれば、CSSを利用する方法を覚えた方が宜しいと思います。
https://developer.mozilla.org/ja/docs/Web/HTML/E …
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： summer22
  • 回答日時：

色々とつっこみたいですが、一番単純な方法だと、<font>の入れ子やめてみたらどうでしょう。


「利用開始」　の後ろで一度</font>で閉じて、
「について」　の前でもう1回指定する。面倒だけど。
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

このQ&Aを見た人はこんなQ&Aも見ています

関連するカテゴリからQ&Aを探す

今、見られている記事はコレ!

ページトップページトップ

Q質問する（無料）

このQ&Aを見た人がよく見るQ&A

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報