Cómo crear bordes redondeados en las tablas en Dreamweaver

Escrito por bennett gavrish Google | Traducido por walter f. stocco
Cómo crear bordes redondeados en las tablas en Dreamweaver

Utiliza el código CSS para modificar el aspecto de las tablas en Dreamweaver.

Comstock/Comstock/Getty Images

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

Nivel de dificultad:
Moderado

Otras personas están leyendo

Instrucciones

  1. 1

    Inicia la aplicación de Adobe Dreamweaver y abre el archivo de código HTML que contiene la tabla.

  2. 2

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

  3. 3

    Selecciona el botón etiquetado "Redefinir HTML" o "Etiqueta" y elige la opción "Tabla" de la lista desplegable de elementos. A continuación, pulsa "Aceptar".

  4. 4

    Utiliza las pestañas de la parte izquierda de la ventana para seleccionar un color de fondo, tipo de letra o el tamaño del borde personalizado para el elemento de tu tabla. Haz clic en "Aceptar" cuando hayas terminado de personalizar la apariencia básica de la tabla.

  5. 5

    Desplázate hasta la parte superior de tu código HTML y localiza el área donde se definan tus propiedades CSS. Esta sección debe comenzar con la etiqueta "<style>".

  6. 6

    Coloca el cursor de texto debajo del código CSS en la etiqueta "tabla".

  7. 7

    Pulsa el botón "Entrar" para añadir una nueva línea al código y escribe "-moz-border-radius: 12px;" en el documento.

  8. 8

    Guarda el código HTML y súbelo a tu servidor Web activo. Al ver el código HTML en un navegador Web, este mostrará tus tablas con las esquinas redondeadas.

No dejes de leer...

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles

Copyright © 1999-2015 Demand Media, Inc. Acerca de

El uso de este sitio constituye la aceptación de los términos y política de privacidad de eHow. Ad Choices es-US

Demand Media