Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/11/2017, 05:35
chocovo
 
Fecha de Ingreso: abril-2003
Ubicación: Valencia
Mensajes: 223
Antigüedad: 21 años, 1 mes
Puntos: 7
Hacer un div con forma

Hola,

Necesito crear un div con una forma determinada para poder poner contenido en su interior pero en todas partes lo que veo es que utilizan bordes para hacer toda la forma...
Código:
<style>
#box {
	border-left: 200px solid black;
	border-bottom: 50px solid transparent;
	width: 0;
	height: 100px;
</style>
<div id="box"></div>
}
¿Hay alguna forma para que obtener lo mismo pero con un div "hueco" y borde de 2px?

La forma basicamente sería:
- Partiendo de un rectangulo de 200px de ancho y 100 de alto, hacer que la esquina izquierda-bajo baje 50px.

Gracias y un saludo