scritta di due parole con colori diversi

pendolino4ever

Nuovo Utente
27 Gen 2005
3
0
0
Vi pongo il mio problema:
io tramite l'utilizzo del css esterno devo riuscire a far comparire come conclusione questa frase(esempio):
Data: 22 febbraio 2005

Vorrei che la scritta "Data:" comparisse di grandezza 20 px e di colore rosso mentre la scritta "22 febbraio 2005" vorrei che comparisse di grandezza 12 px e di colore bianco.
Quale sarà il codice html e il corrispettivo css?
Grazie
 

maimai

Utente Attivo
7 Dic 2004
72
0
0
Pagina HTML
Codice:
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#DCDCDC">
<span class="rosso">Data:</span> <span class="bianco">22 febbraio 2005</span>
</body>
</html>
style.css
Codice:
.rosso {
	font-size: 20px;
	color: #FF0000;
}
.bianco {
	font-size: 12px;
	color: #FFFFFF;
}

Ti consiglio due link per imparare i CSS:

http://www.unimo.it/corsi/html/stile/

http://www.fauser.edu/fau/css/tuttocss.htm

maimai
 
Discussioni simili
Autore Titolo Forum Risposte Data
G Inserire una scritta Java 1
D FPDF scritta ruotata di 90° da mysql PHP 5
C [HTML] modificare la scritta della copyright HTML e CSS 2
P [WordPress] Eliminare scritta Categories da post WordPress 4
G [Photoshop] Mettere una scritta in prospettiva. Photoshop 7
elpirata [PHP] Stampare i valori di una variabile scritta su più righe PHP 1
P scritta di avviso inserimento dati corretti che non vuole scendere verso il basso PHP 4
I Pulsante con scritta verticale HTML e CSS 2
D cliccare sul tasto per far comparire una scritta tipo PHP 0
C scritta fastidiosa al passagio del mouse su un link HTML e CSS 8
B casella di testo gia scritta PHP 2
P Togliere la scritta "piace a.." da facebook HTML e CSS 2
criric Scritta lampeggiante Snippet Javascript 1
F E' possibile far comparire una scritta in un div al cambio di un valore di un form text??? Javascript 2
Shyson Togliere scritta in watermark Webdesign e Grafica 0
S [jQuery] Far lampeggiare una scritta una volta sola jQuery 0
Web Designer Guida Photoshop: Effetto Scritta Infuocata Photoshop 1
Web Designer Come eliminare la scritta Powered by vBulletin CMS (Content Management System) 0
V chat suono quando arriva una nuova scritta Javascript 3
P Scritta lampeggiante HTML e CSS 16
giancadeejay CREARE FINESTRA POP UP con scritta "x chiudi"...AIUTOO! Javascript 9
P Kunena 1.6: inserire scritta accanto al rank CMS (Content Management System) 1
emanuelevt campo password con scritta Javascript 22
T scritta scorrevole ASP.NET 1
S togliere "pubblicita" ad una scritta HTML e CSS 5
E Scritta su immagine precaricata PHP 2
M FF sballa la scritta HTML e CSS 0
P chi mi aiuta a modificare questa scritta?? Flash 2
G Perfezionare una scritta formato gif Webdesign e Grafica 10
E una mano con una scritta Webdesign e Grafica 1
B Pagina scritta con diversi Charset HTML e CSS 2
F creare una scritta con effetto macchina da scrivere Webdesign e Grafica 2
M la scritta ntldr Hardware 0
F Non Riesco A Mettere Una Scritta/logo A Destra Nella Mia Homepage!!!!!:-( HTML e CSS 1
T Query su due tabelle con totali Database 4
MarcoGrazia Calcolo fra due date con esclusione delle feste PHP 7
P inserire due voci in un titolo post wp WordPress 1
J Scrivere in due JPanel Java 1
F confrontare due stringhe "numeriche" PHP 7
M Aggiornare stesso campo in due tabelle PHP 0
M Collegare due segmenti di rete diversi Reti LAN e Wireless 0
M Aggiornare simultaneamente i campi di due tabelle collegate con id PHP 4
Tommy03 Unire dati da due tabelle MySQL 5
A Cercare un carattere uguale in due stringhe Java 5
elpirata [MySQL] Sincronizzare dati tra due tabelle sullo stesso host MySQL 0
S [PHP] Confrontare due array con valori quasi uguali PHP 2
G Mi hanno fatto due preventivi per telecamere abitazione IP Cam e Videosorveglianza 8
MarcoGrazia [PHP] Unioni di due array con somma di valori PHP 6
MarcoGrazia jquery validate, necessità di validare almeno un elemento select su due jQuery 1
Tommy03 Due menù nella stessa app Sviluppo app per Android 0

Discussioni simili