Compartir a través de


Establecer propiedades de bordes, márgenes y fondo

Para agregar un borde, una imagen y color de fondo, y un margen de espacio a los elementos de una página web o a toda la página web, use el cuadro de diálogo Bordes y sombreado. También puede establecer el margen en la vista Diseño. Para obtener más información, vea Establecer márgenes, relleno y dimensiones en la vista Diseño.

Si agrega un borde con el cuadro de diálogo Bordes y sombreado, puede personalizar el estilo, el ancho y el color del borde. Si desea agregar rápidamente un borde negro y sólido preestablecido con 1 píxel de ancho y con margen, use el botón Bordes externosCc295325.f30758bd-2d63-41ba-804c-12c47b3487e3(es-es,Expression.10).bmp (configuración predeterminada) en la barra de herramientas Común. La información en pantalla y la apariencia del botón cambian para reflejar la selección actual.

Cuando se usa cualquiera de estos métodos, Microsoft Expression Web produce el formato mediante la creación ya sea de un estilo en línea o un estilo que usa un selector de clases (predeterminado), según la configuración de aplicación de estilo asociada. Para modificar esta configuración, vea Establecer las preferencias para CSS generado.

Para aplicar un borde preestablecido

  1. En la vista Diseño o Código de la página web, seleccione el elemento al que desea aplicar un borde.

  2. En la barra de herramientas Común, haga clic en el botón Bordes externosCc295325.f30758bd-2d63-41ba-804c-12c47b3487e3(es-es,Expression.10).bmp o en la flecha ubicada junto al botón, y luego seleccione un estilo de borde.

Para establecer un borde, relleno o fondo para un elemento

  1. En la vista Diseño o Código de la página web, seleccione el elemento al que desea dar formato.

    Cc295325.alert_tip(es-es,Expression.10).gifSugerencia:

    Para agregar un borde a toda la página web, en la vista Código, seleccione la etiqueta <body>.

  2. En el menú Formato, haga clic en Bordes y sombreado.

  3. En el cuadro de diálogo Bordes y sombreado, en la ficha Bordes, realice una de las siguientes acciones:

    • Para aplicar formato a un borde, establezca las opciones de las secciones Configuración, Estilo, Color y Ancho.

    • Para incluir un borde sólo en algunos lados del elemento, en Vista previa, seleccione sólo los botones que representan los lados a los que desea aplicar un borde.

    • Para establecer la cantidad de espacio que aparece entre el borde y el elemento o el borde y el contenido del elemento, en Margen, establezca los valores de los cuadros Izquierda, Derecha, Superior e Inferior.

      Cc295325.alert_tip(es-es,Expression.10).gifSugerencia:

      La propiedad Margen agrega espacio incluso si no se establece un borde.

    • Para aplicar formato al sombreado del elemento, en la ficha Sombreado establezca las opciones de Relleno.

    • Para agregar una imagen de fondo al elemento, en la ficha Sombreado, en Tramas, especifique la dirección URL de la imagen en el cuadro Imagen de fondo y después, si lo desea, establezca cualquiera de las opciones restantes para determinar la posición y el comportamiento de la imagen de fondo.

Vea también

Conceptos

Establecer márgenes, relleno y dimensiones en la vista Diseño

Hojas de estilos en cascada generadas

Establecer las preferencias para CSS generado