Mam poniższy komunikat (nieznacznie zmieniony):
„Weź udział w konkursie do 30 stycznia 2011 r., A możesz wygrać nawet $ $$$$ - w tym niesamowite letnie wycieczki!”
Obecnie posiadam:
<p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;">
formatowanie ciągu tekstowego, ale chcesz zmienić kolor „30 stycznia 2011” na # FF0000 i „lato” na # 0000A0.
Jak to zrobić wyłącznie za pomocą HTML lub wbudowanego CSS?
Możesz użyć tagu HTML5
<mark>
:<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>
I użyj tego w 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; }
Tag
<mark>
ma domyślny kolor tła ... przynajmniej w Chrome.źródło
<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>
Elementy span są wbudowane, więc nie przerywają przepływu akapitu, tylko styl między tagami.
źródło
użyj rozpiętości. dawny)
<span style='color: #FF0000;'>January 30, 2011</span>
źródło
<font color="red">This is some text!</font>
To działało najlepiej, gdy chciałem zmienić tylko jedno słowo w zdaniu na kolor czerwony.
źródło
Możesz także utworzyć zajęcia:
<span class="mychangecolor"> I am in yellow color!!!!!!</span>
następnie w pliku css wykonaj:
.mychangecolor{ color:#ff5 /* it changes to yellow */ }
źródło
Dostosuj ten kod do swoich potrzeb, czy możesz zaznaczyć tekst? w akapicie, aby określić, jakiej czcionki lub stylu potrzebujesz !:
<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>
źródło
Możesz użyć dłuższej drogi Boringera
<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>
za resztę dostaniesz punkt
źródło