Hola, tengo un pequeño form y la etiqueta de legend la tengo asi:
legend{
background-color: #123456;
color:black;
font-weight:bold;
font-size: 12px;
font-family: Verdana;
margin:5px 0 0 5px;
}
<legend>PEPITO</legend>
Me saldria algo asi: -- PEPITO --
Pero quiero ponerle unas curvas a los laterales, haciendolo asi:
<legend><img src='lat1.gif'>PEPITOr'<img src='lat2'></legend>
Algo asi: --[ PEPITO ]--
Pero al poner la propiedas background-color me pone todo el fondo y se carga las imagenes, si quito la propiedad se ve bien los laterales pero no tiene fondo el texto 'PEPITO'