Hvordan lage en Asterisk Rødt i CSS

October 13

Webskjemaer noen ganger bruker røde stjernene for å indikere et obligatorisk felt, for eksempel "navn" eller "e-postadresse." For å endre formateringen av et lite stykke tekst på en webside, sted "<span>" tagger rundt teksten og legge en klasse navn, slik at du kan målrette den i stilarket kode. En klasse som "rød" kan ha koden for å endre fargen på teksten, inkludert en stjerne. Når du skriver CSS-koden for den "røde" klasse, kan du bruke samme span koden på nytt og på nytt, etter behov.

Bruksanvisning

1 Åpne HTML-filen i Notepad eller en kode editor. Finn din stjerne i siden koden. Hvis stjernen er en del av en web-skjema, vil du mest sannsynlig finne det ved siden av en "<input>" tag, noen ganger i løpet av "<label>" koder.

2 Pakk din stjerne i et par av "<span>" tags. Legg en klasse navnet "røde" til kodene:

Du kan gjøre dette for så mange stjernene som du trenger for å lage rød.

3 Finn "<style>" koder i hodet av HTML-koden eller legge dem:

4 Skriv en stil regel for "røde" -klassen. Inne i stil regel setter "farge" egenskapen til "rød":

<Style type = "text / css">
.rød {

color: red;

}
</ Style>

Du kan også bruke "# ff0000" i stedet for "rød" hvis du foretrekker heksadesimale fargekoder.

Hint

Sikkerhetskopier websider før du redigerer dem, i tilfelle du gjør en feil, og kan ikke spore det ned.