Os explicamos como utilizar bordes con hojas de estilos con estos ejemplos prácticos que iremos...
Redondeo Interno con CSS
El redondeo interno con CSS se logra mediante la propiedad border-radius, que permite crear esquinas redondeadas en cualquier elemento HTML. Se pueden especificar diferentes radios para cada esquina, crear formas circulares o elípticas, y combinar con otras propiedades CSS para efectos visuales modernos.
El redondeo interno con CSS es una técnica muy útil. Complementa este artículo con los fondos CSS y los bordes en CSS.
div {
outline: .6em solid #655;
box-shadow: 0 0 0 .4em #655; /* todo calculate max of this */
max-width: 10em;
border-radius: .8em;
padding: 1em;
margin: 1em;
background: tan;
font: 100%/1.5 sans-serif;
}
Aquí vemos como hacer el borde interior con un única declaración con la combinación de box-shadow y outline
Valoración:
Contenido Relacionado
Posición flexible del fondo
Extended background-position solution
div { background: url(...
Te puede interesar
Mejores frameworks responsive
Los frameworks CSS más populares para crear sitios web adaptables y eficientes.