Foros del Web » Creando para Internet » CSS »

Pestañas con css

Estas en el tema de Pestañas con css en el foro de CSS en Foros del Web. Hola buenos dias! Miren, queria hacer una especie de pestañas para mi web en el que el borde derecho tenga esa linea diagonal descendente. Queria ...
  #1 (permalink)  
Antiguo 14/03/2013, 02:58
 
Fecha de Ingreso: marzo-2013
Mensajes: 1
Antigüedad: 11 años, 8 meses
Puntos: 0
De acuerdo Pestañas con css

Hola buenos dias! Miren, queria hacer una especie de pestañas para mi web en el que el borde derecho tenga esa linea diagonal descendente. Queria hacerlo solo con CSS evitando tener que usar imagenes. Alguien me puede ayudar? gracias!!
Un ejemplo muy bueno está en la pagina [URL="https://play.google.com/store/apps?feature=corpus_selector"]https://play.google.com/store/apps?feature=corpus_selector[/URL] Tomen como ejemplo la pestaña destacados! un saludo!
  #2 (permalink)  
Antiguo 14/03/2013, 04:12
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Pestañas con css

Podrías poner una pseudo-elemento y jugando con los bordes conseguir un triángulo de ese tipo:

Código CSS:
Ver original
  1. a:after {
  2.   content: "";
  3.   width: 0;
  4.   height: 0;
  5.   border-bottom: 30px solid black;
  6.   border-right: 30px black transparent;
  7. }

Etiquetas: pestañas
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 05:38.