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.



  2. Esta nbien el tutorial



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

agregar comentario


Se permiten las etiquetas HTML , y

. 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