詳しい人求む！

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

締切済

質問者：ひなたまる
質問日時：2023/06/27 12:08
回答数：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>

通報する

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

質問の本文を隠す

回答 (5件)

最新から表示
回答順に表示

参考程度に

No.5

回答者： gura_
回答日時：2023/06/28 11:03

ひなたまるさん

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

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

ご参考に↓
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>

- 0
- 件

通報する

参考程度に

No.4

回答者： gura_
回答日時：2023/06/28 10:49

ひなたまるさん

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

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

ご参考に↓
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>

- 0
- 件

通報する

No.3

回答者： Ogre7077
回答日時：2023/06/27 14:05

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

<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/ …

- 0
- 件

通報する

参考程度に

No.2

回答者： fujillin
回答日時：2023/06/27 12:47

こんにちは

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

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

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

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