Ver Mensaje Individual
  #6 (permalink)  
Antiguo 22/04/2015, 19:11
Avatar de fede5426
fede5426
 
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 9 años, 11 meses
Puntos: 208
Respuesta: Como hacer lo siguiente con css ?

Código CSS:
Ver original
  1. .number{
  2.   width:30px;
  3.   padding:.3em .5em;
  4.   border:2px solid #dedede;
  5.   border-top-left-radius:.3em;
  6.   border-bottom-left-radius:.3em;
  7. }
  8.  
  9. .boton{
  10.   margin:-5px;
  11.   padding:.3em .7em;
  12.   background:#fff;
  13.   border:2px solid #dedede;
  14.   border-top-right-radius:.3em;
  15.   border-bottom-right-radius:.3em;
  16.   border-left:0;
  17.   font-weight:bold;
  18. }

http://codepen.io/anon/pen/pJodzb

La "X" del boton seguramente es una imagen colocada con "background-image", no una fuente.. algo como esto:



Saludos