codigo css borde circular
CODIGO CSS: DENTRO DE LA ETIQUETA DE IMAGEN HTML
aplicar bordes a una imagen cualquieraejemplo
<img src="subir-imagen.jpg" style="border-radius:8px 8px 8px 8px;" />
style=";" (confiere la agregacion de formatos css )
sin el css
con el css
obviamente el codigo border-radius: se le puede agregar en el CSS de algun archivo style.css creado previamente y relacionado con link en la web, o agragando directamente en el head de la web o no necesariamente en el head, siendo directamente dentro del contenido
es muy importante para el borde:
border: solid violet 2px
(solid: es el aspecto lineal, hay otros aspecto. para mas info buscar....
viole: es un color que elegi, se puede especidicar colores comunes por su nombre en ingles, o en tal caso agregar mediante su codigo: demo #000 "es negro" o #fff "es blanco")
xxpx: el numero de pixeles que tendra grosor la linea del borde
border-radius: 10px 10px 10px 10px; : (cualquier medida de pixeles agranda o achica las esquinas, logicamente trabaja con el radio del contenido ocupado ejemplo una linea de texto medira 28px entonces el radio sera 14px como maximo, mas alla no tiene ningun efecto de circulo)
position:relative (no es necesario pero ayuda si en el desarollo de varias etiquetas div creadas, se elegiria una posicion absoluta para que sea inmovible, o que sea relativa ala ubicacion del lugar puesto..mas info buscar....)
ejemplo:
<head>
<style type= text/css >
.contenedora{
width:400px;
position:relative;
height:auto;
border: solid violet 2px
border-radius: 10px 10px 10px 10px;
}
</style>
</head>
<body>
<div class="contenedora">
cualquier contenido dentro de esta etiqueta div los border seran circulares
</div>
</body>
ejemplo
cualquier contenido dentro de esta etiqueta div los border
seran circulares
pd: claro que hay mas codigos css para que seas circular, algunos no son compatibles con distintos navegadores web,
seran circulares
pd: claro que hay mas codigos css para que seas circular, algunos no son compatibles con distintos navegadores web,
Comentarios
Publicar un comentario