HTML: Ändern von Farben von bestimmten Wörtern in einem Text-String

ich die folgende Meldung haben (leicht verändert):HTML: Ändern von Farben von bestimmten Wörtern in einem Text-String

„Geben Sie den Wettbewerb bis zum 30. Januar 2011 und dem Sie könnten bis zu gewinnen $$$ $ - inklusive tolle Sommerreisen! "

Ich habe derzeit:

<p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;">

die Textzeichenfolge Formatierung, wollen aber die Farbe von "30. Januar 2011" ändern # FF0000 und "Sommer" auf # 0000A0.

Wie mache ich das streng mit HTML oder Inline-CSS?

Quelle

2011-01-07 Mitch

<p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;"> 
    Enter the competition by 
    <span style="color: #ff0000">January 30, 2011</span> 
    and you could win up to $$$$ — including amazing 
    <span style="color: #0000a0">summer</span> 
    trips! 
</p>

Oder Sie können stattdessen CSS-Klassen verwenden möchten:

<html> 
    <head> 
    <style type="text/css"> 
     p { 
     font-size:14px; 
     color:#538b01; 
     font-weight:bold; 
     font-style:italic; 
     } 
     .date { 
     color: #ff0000; 
     } 
     .season { /* OK, a bit contrived... */ 
     color: #0000a0; 
     } 
    </style> 
    </head> 
    <body> 
    <p> 
     Enter the competition by 
     <span class="date">January 30, 2011</span> 
     and you could win up to $$$$ — including amazing 
     <span class="season">summer</span> 
     trips! 
    </p> 
    </body> 
</html>

Quelle

2011-01-07 05:41:08 Jacob

<p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;"> 
    Enter the competition by <span style="color:#FF0000">January 30, 2011</span> and you could win up to $$$$ — including amazing <span style="color:#0000A0">summer</span> trips! 
</p>

Die Spannweite Elemente inline sind ein so nicht den Fluss des Absatzes brechen, nur zwischen den Tags Stil in .

Quelle

2011-01-07 05:41:24

Verwenden Sie Spannen. ex) January 30, 2011

Quelle

2011-01-07 05:41:28

könnten Sie den Tag HTML5 verwenden :

<p>Enter the competition by 
<mark class="red">January 30, 2011</mark> and you could win up to $$$$ — including amazing 
<mark class="blue">summer</mark> trips!</p>

Und dies in der CSS:

p { 
    font-size:14px; 
    color:#538b01; 
    font-weight:bold; 
    font-style:italic; 
} 

mark.red { 
    color:#ff0000; 
    background: none; 
} 

mark.blue { 
    color:#0000A0; 
    background: none; 
}

Der Tag  hat eine Farbe Hintergrund Standard ... zumindest in Chrom.

Quelle

2012-12-14 23:58:39

Vielleicht post ein Beispiel aus [jsfiddle.net] (http://jsfiddle.net). – JSuar

Beispiel finden Sie hier [link] (http://jsfiddle.net/KynKK/) –

Schade, dass die Antwort nicht vergeben wurde. Ich hätte es (und fie auf diejenigen, die Browser verwenden, die HTML nicht unterstützen) (gibt es noch irgendwelche?) – Mawg

könnten Sie verwenden die länger Böringer Weg

<p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;">Enter the competition by</p><p style="font-size:14px; color:#ff00; font-weight:bold; font-style:italic;">summer</p>

Sie erhalten den Punkt für den Rest

Quelle

2015-11-17 19:51:14

können Sie auch eine Klasse machen:

 I am in yellow color!!!!!!

dann in einer CSS-Datei zu tun:

.mychangecolor{ color:#ff5 /* it changes to yellow */ }

Quelle

2015-11-20 15:34:06

Tailor dieser Code wie Sie wollen Ihre Bedürfnisse anzupassen, können Sie Text auswählen? nur in einem Satz ein Wort in die Farbe Rot ändern wollte im Absatz zu sein, welche Schriftart oder Stil, den Sie benötigen !:

<head> 
<style> 
p{ color:#ff0000;font-family: "Times New Roman", Times, serif;} 
font{color:#000fff;background:#000000;font-size:225%;} 
b{color:green;} 
</style> 
</head> 
<body> 
<p>This is your <b>text. <font>Type</font></strong></b>what you like</p> 
</body>

Quelle

2016-06-19 11:23:43

<font color="red">This is some text!</font>

Dies ist die beste für mich gearbeitet, als ich.

Quelle

2017-09-10 15:01:55 user8588011

Dies ist ein Text! – user8588011

In Bezug auf reine css 'Marquee' Im den folgenden vertikalen Topcode auf meinem Blogger-Blog mit:

#marquee { 
 
width:100%; 
 
height:410px; 
 
overflow:hidden; 
 
} 
 
#marquee p { 
 
display:inline-block; 
 
padding-top:100%; 
 
animation:marquee 100s linear infinite; 
 
} 
 
#marquee p:hover { 
 
animation-play-state: paused 
 
} 
 
@keyframes marquee { 
 
0% { transform: translate(0, 0); } 
 
100% { transform: translate(0, -100%); } 
 
}

<div id="marquee"> 
 
<div class="marquee"> 
 
<p>

Es funktioniert wie die Absicht, (unten mit verdecktem Überlauf nach oben), aber seltsam (Für mich zumindest) die Textfarbe ist nicht die gleiche wie die Textfarbe der anderen Beiträge und Seiten, die # 0093dd ist, wie ich es eingerichtet habe.

Ich verbrachte rund 8h suchen und experimentieren Möglichkeiten, Laufschrift Text dieser Farbe zu setzen. Ich habe alles versucht (auf CSS-Vorlage und auf HTML-Post), aber ohne Erfolg. :(

Einige Experten wissen Stackoverflow (und kann hier bitte teilen) den Trick Text dieser Farbe zu setzen?

die Chance nehmen, ... die Marquee Scroll-Geschwindigkeit ist 100s. Es ist normal? I guess nicht mit anderen Benutzern dieser Art von Funktion zu vergleichen.

für Rückmeldungen über diese 2 Ausgaben freuen.

Vielen Dank im Voraus.

mit freundlichen Grüßen,

Rubasi

Quelle

2018-01-23 09:56:28 Rubasi

HTML: Ändern von Farben von bestimmten Wörtern in einem Text-String

Antwort

Verwandte Themen