Búsqueda personalizada
 
 
 
 
Bordes redondeados de alguno de los vértices (border-top-left-radius etc.)
   

Si tenemos que redondear solo alguno de los cuatro vrtices podemos utilizar alguna de las siguientes propiedades:

border-top-left-radius
border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius

Con esta definicin de la propiedades border-top-left-radius y border-bottom-right-radius deben aparecer redondeados los vrtices superior izquierdo e inferior derecho:

#recuadro1{
  border-top-left-radius: 20px;  
  border-bottom-right-radius: 20px;  
  background-color:#ddd;
  width:200px;
  padding:10px;}
border-radius

El segundo ejemplo muestra redondeado solo el vrtice superior derecho:


      
#recuadro2{
  border-top-right-radius: 40px;  
  background-color:#aa0;
  width:200px;
  padding:10px;
  margin-top:10px;
}
border-radius
 
 
       

¿Quienes somos?

Condiciones de uso

Publicidad

Privacidad de la informacion