En Dreamweaver, si inserta una regla horizontal (línea horizontal), esta línea solo es gris de forma predeterminada. En muchos casos, esto no cumple con nuestros requisitos. ¿Qué debe hacer si desea insertar líneas rectas de otros colores (incluso tan delgadas como un píxel)?
Primero, inserte una regla horizontal en una posición adecuada en la ventana del documento (ventana de edición de página web) y
presione Ctrl + F3 para abrirla. subir el panel del inspector de propiedades),
En este panel de propiedades, desmarque la casilla frente al sombreado. Ingrese el valor de píxel (píxeles) o el porcentaje en W para establecer la longitud de esta línea. En H, ingresar 1 puede hacer que esta línea sea muy delgada, tan delgada como un píxel. Si desea una línea más gruesa, ingrese un valor mayor en H. De esta manera, se inserta el cable delgado, pero encontrará que este cable es gris y el color no se puede configurar en el panel de propiedades. Si desea configurar otros colores, puede controlarlo a través de CSS. Configurar CSS es muy fácil en DreamWeaver y ni siquiera es necesario comprender la sintaxis de CSS.
Seleccione Estilo CSS | Nuevo estilo en el menú Texto,
En el cuadro de diálogo "Nuevo estilo", ingrese un nombre en la columna de nombre, como "línea de color", seleccione "Solo este documento" en el botón de opción Definir) y haga clic en Aceptar. Aparecerá el cuadro de diálogo Definición de estilo para .colorline:
En el tipo de proyecto, seleccione el color que desee, como rojo, luego haga clic en Aceptar, luego haga clic en Listo y se creará un nuevo estilo. Seleccione la línea delgada en la ventana de edición de la página web y haga clic en Texto | Estilo CSS | línea de color (la línea de color es el nuevo estilo que se acaba de crear, el color de la línea sigue siendo gris, pero presione F12 para obtener una vista previa). en el navegador puede ver que el color de la línea delgada insertada ha cambiado al rojo que desea.
Hay otra forma de insertar líneas finas de colores, incluso tan delgadas como un píxel. Primero inserte una tabla con una fila y una columna en la ventana de edición de la página web y luego inserte una imagen transparente de 1 píxel × 1 píxel en la tabla (controle la página). en dreameaver4 La imagen espaciadora utilizada en el diseño es exactamente esa imagen, por lo que si no sabe cómo usar el software para crear dicha imagen, puede generarla en dreameaver4 de esta manera:
En el panel Objeto, primero haga clic en la vista de diseño en el panel Vista del objeto, luego haga clic en dibujar tabla de diseño, arrastre en la ventana de edición de la página web para generar una tabla de diseño y haga clic en Agregar espaciador en el menú desplegable de la tabla. imagen de encabezado,
Cree y guarde una imagen espaciadora. Esta imagen espaciadora es una imagen transparente de 1 píxel × 1 píxel. Luego establezca las propiedades de la tabla en: H (alto) es 1 píxel (1 píxel), W (ancho) es el ancho deseado (se puede ingresar el valor o porcentaje de píxel), ingrese 0 en el teclado celular, el espacio de celda y el borde, y luego seleccione el color deseado en Color Bg (color de fondo) y se inserta la línea delgada horizontal de color.
Si aumenta el valor H, la línea se volverá más gruesa. Si desea insertar una línea delgada vertical de color, establezca H en el valor de altura deseado, establezca W en 0 y otras configuraciones son las mismas que las anteriores para insertar una línea delgada vertical. En la ventana de edición de la página web, el color sigue siendo gris, pero presione F12 para obtener una vista previa y podrá ver en el navegador que el color de la línea delgada insertada ha cambiado al color que desea.