Foros del Web » Creando para Internet » Diseño web »

hacer un borde interno en css?

Estas en el tema de hacer un borde interno en css? en el foro de Diseño web en Foros del Web. hola, nuevamente por aqui xD, quiero hacer una caja con borde interno en css pero las guias que he seguido no se explican muy bien ...
  #1 (permalink)  
Antiguo 07/03/2016, 09:22
 
Fecha de Ingreso: noviembre-2012
Mensajes: 6
Antigüedad: 11 años, 5 meses
Puntos: 0
hacer un borde interno en css?

hola, nuevamente por aqui xD,
quiero hacer una caja con borde interno en css pero las guias que he seguido no se explican muy bien y no logro hacer que funcione, masomenso hacer algo asi


[URL="http://s2.subirimagenes.com/privadas/previo/thump_2352857sin-ttulo.jpg"]http://s2.subirimagenes.com/privadas/previo/thump_2352857sin-ttulo.jpg[/URL]
  #2 (permalink)  
Antiguo 07/03/2016, 11:22
 
Fecha de Ingreso: octubre-2015
Mensajes: 13
Antigüedad: 8 años, 6 meses
Puntos: 1
Respuesta: hacer un borde interno en css?

prueba con esto:
Código CSS:
Ver original
  1. border-corner-shape:scoop;
  2. border-radius:40px;

Última edición por eliaslunaslo; 07/03/2016 a las 11:36 Razón: mal redactado
  #3 (permalink)  
Antiguo 07/03/2016, 14:15
 
Fecha de Ingreso: noviembre-2012
Mensajes: 6
Antigüedad: 11 años, 5 meses
Puntos: 0
Respuesta: hacer un borde interno en css?

Cita:
Iniciado por eliaslunaslo Ver Mensaje
prueba con esto:
Código CSS:
Ver original
  1. border-corner-shape:scoop;
  2. border-radius:40px;
nose por que border-corner-shape no funciona segun ley es experimental, si depronto me pudieras explicar como se usa xD
-por ahora encontre este codigo que funciona el problema que tengo es que como es una caja un poco trasparente estoy mirando como lo soluciono

Código HTML:
background: -webkit-radial-gradient(0% 100%, circle, transparent 15%, steelblue 15%) no-repeat, -webkit-radial-gradient(100% 0%, circle, transparent 15%, steelblue 15%) no-repeat, -webkit-radial-gradient(0% 0%, circle, transparent 15%, steelblue 15%) no-repeat, -webkit-radial-gradient(100% 100%, circle, transparent 15%, steelblue 15%) no-repeat;
  background: radial-gradient(circle at 0% 100%, transparent 15%, steelblue 15%) no-repeat, radial-gradient(circle at 100% 0%, transparent 15%, steelblue 15%) no-repeat, radial-gradient(circle at 0% 0%, transparent 15%, steelblue 15%) no-repeat, radial-gradient(circle at 100% 100%, transparent 15%, steelblue 15%) no-repeat;
  background-position: 0% 100%, 100% 0%, 0% 0%, 100% 100%;
  background-size: 75% 75%;

Etiquetas: interno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:05.