codice <hr> funziona in parte

[gio4444]

HR ha un corpo e un bordo.
il corpo si colora con "background-color", in bordo con "border-color"
con "size" vorresti stabilire l'altezza? la puoi settare con "height".
qui un esempio esasperato:

hr {
    height:10px;
    border:10px solid gray; 
    border-radius: 5px; 
    color:gray; 
    background-color:red;
}

Intanto GRAZIE per l'interessamento.
Inserendo quanto mi suggerisci mi appare questo:hr2.png
cio� il solo bordo grigio senza nessun "background-color:red"
Il solo <hr> inserito in una pagina html non dovrebbe creare comunque una linea di separazione orrizzontale poi regolata in altezza (spessore) con size e colorata con color? (cos� trovo scritto un po' dappertutto)