Creando tablas con esquinas redondeadas

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

Sube Tu Queja
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. 298274818336917502974 From the official [URL=http://www.onlinemuslimitems.com/]Muslim Abaya[/URL] website of anticipated [URL=http://www.onlinemuslimitems.com/]Muslim Items[/URL] Star Wars The [URL=http://www.onlinemuslimitems.com/]Muslim hijab[/URL] Old Republic comes [URL=http://www.onlinemuslimitems.com/]Islamic abaya[/URL] this new video where the [URL=http://www.onlinemuslimitems.com/]Muslim scarf[/URL] game designers [URL=http://www.onlinemuslimitems.com/]Buy Muslim Abaya[/URL] tell us a little about [URL=http://www.onlinemuslimitems.com/]Cheap Muslim Abaya[/URL] the 2 different [URL=http://www.onlinemuslimitems.com/]Buy Muslim Items[/URL] classes find Sith characters [URL=http://www.onlinemuslimitems.com/]Cheap Muslim Items[/URL] in the game, The [URL=http://www.findnike.com]Islamic hijab[/URL] Inquisitor Sith [URL=http://www.onlinemuslimitems.com]Islamic scarf[/URL] and Sith Warrior. They explain a lot of [URL=http://www.onlinemuslimitems.com]Islamic Items[/URL] pictures as designed [URL=http://www.onlinemuslimitems.com]Muslim wear[/URL] these characters and [URL=http://www.onlinemuslimitems.com]Muslim clothing[/URL] their characteristics [URL=http://www.onlinemuslimitems.com]Muslim wear Pas Cher[/URL] one more devoted [URL=http://www.onlinemuslimitems.com]Muslim wear[/URL] to the use of force [URL=http://www.onlinemuslimitems.com]Muslim clothing[/URL] powers and one more [URL=http://www.onlinemuslimitems.com/]Muslim Items For Sale[/URL] dedicated to close combat.



  2. cacorritos que no saben nada de diseño web



  3. Esta nbien el tutorial



  4. 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

API DE FACEBOOK
GOOGLE CALENDAR API
GOOGLE MAPS API