Aquí tenemos un ejemplo del uso de un degradado.
Manteniendo las fuentes en las etiquetas <code>
;-)
así como el usi de bordes redondeados.
El código CSS para este ejemplo es:
Para el degradado:
.degradado {
-webkit-border-radius: 10px;
border-radius: 10px;
background: linear-gradient(to top, #503080 0%, #E5D5F5 100%);
color: #F5F0FA;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
Para el <code>
code {
font-family: monospace;
font-size: 1.1em;
color: #503080;
-webkit-border-radius: 24px;
border-radius: 24px;
background: #E8E8E8;
padding-left: .4em;
padding-right: .4em;
}