Creando tablas con esquinas redondeadas en DreamWeaver

dreamweaver
Crear un album de fotos con DreamWeaver
25 diciembre, 2014
dreamweaver
Uso del refresh en DreamWeaver
25 diciembre, 2014

Creando tablas con esquinas redondeadas en DreamWeaver

dreamweaver

Creando tablas con esquinas redondeadas en Dreamweaver

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:

Esquina 1   Esquina 2
 
tabla con bordes redondeados
 
Esquina 3   Esquina 4

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

Paso 1

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

Paso 1

Paso 2

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

Paso 2

Paso 3

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

Paso 3

Paso 4

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

Paso 4

Paso 5

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

Paso 5

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.

Autor: Fabio Núñez Iturriaga
http://www.dreamweavering.com/

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *