Creando tablas con esquinas redondeadas

Escrito por Fabio Núñez Iturriaga el Jueves 30 de Enero de 2003 a las 00:00hs

Mediante unas pequeñas imágenes de forma redondeada, conseguiremos este tan usado efecto de tablas con esquinas redondeadas. Este es el efecto que queremos conseguir:


 
 
tabla con bordes redondeados
 
 



Para conseguir, una tabla de esquinas redondeadas seguiremos los siguientes pasos...

Paso 1

Insertaremos una tabla de 3x3, y le daremos el mismo color de fondo que las imágenes que vayan a hacer de esquinas.

Paso 2

Nos pondremos en la celda superior izquierda e insertaremos la primera imagen que servirá de esquina: y a esa celda le daremos las siguientes característica:

Paso 3

Nos pondremos en la celda superior derecha e insertaremos la segunda imagen que servirá de esquina: y a esa celda le daremos las siguientes característica:

Paso 4

Nos pondremos en la celda inferior derecha e insertaremos la segunda imagen que servirá de esquina: y a esa celda le daremos las siguientes característica:

Paso 5

Nos pondremos en la celda inferior derecha e insertaremos la segunda imagen que servirá de esquina: y a esa celda le daremos las siguientes característica:

Paso 6

Por último ya solo queda ajustar la celda del medio para poder poner el contenido, para esto, hay que ponerse en la linea de puntos y arrastrar. O bien poner el tamaño manualmente en la paleta propiedades de la celda.


comentarios



  1. Hola: Me interesa el tutorial, pero no explica en que programa estan los ejemplos. Yo utilizo dreamweaver, intente hacer lo de las esquinas redondeadas y no me salio.

agregar comentario


Se permiten las etiquetas HTML <b>, <i> y <p>. Si ingresa alguna dirección web o dirección de email serán convertidos en enlaces automáticamente.





publicidad