Cómo crear bordes redondeados en las tablas en Dreamweaver

HyperText Markup Language, más conocido como HTML, incluye un elemento de "mesa" que muchos sitios web utilizan para organizar los datos en un formato de cuadrícula. Por defecto, estas tablas HTML se muestran con formato rectangular rígido. Sin embargo, puede utilizar la aplicación de diseño web Adobe Dreamweaver para añadir una nueva propiedad CSS para el código HTML que va a alterar la apariencia de las tablas para darles las esquinas redondeadas.

Instrucciones

1 Iniciar la aplicación Adobe Dreamweaver y abrir el archivo de código HTML que contiene la tabla.

2 Haga clic en el botón más en la ventana "CSS" en la parte derecha de la pantalla.

3 Seleccione el botón de radio denominado "Redefinir HTML" o "etiqueta" y elegir la opción "Tabla" de la lista desplegable de elementos. A continuación, pulse "OK".

4 Utiliza las pestañas en la parte izquierda de la ventana para seleccionar un color de fondo personalizado, la fuente o el tamaño de las fronteras de su elemento de la tabla. Haga clic en "Aceptar" cuando haya terminado de personalizar la apariencia básica de la tabla.

5 Desplazarse hasta la parte superior de su código HTML y localizar el área donde sus propiedades CSS se definen. En esta sección se debe comenzar con la etiqueta "<style>".

6 Coloca el cursor de texto debajo del código CSS para la etiqueta de "mesa".

7 Pulse la tecla "Enter" para añadir una nueva línea al código y el tipo "-moz-border-radius: 12px;" en el documento.

8 Guarde el código HTML y subirlo a su servidor Web activo. Al ver el código HTML en un navegador Web, el navegador mostrará sus mesas con esquinas redondeadas.