Tecnología

Inicio

Cómo hacer líneas rectas para un folleto en línea

Cómo hacer líneas rectas para un folleto en línea


Las líneas rectas ayudan a hacer hincapié en el texto y las secciones de volantes. Pueden desencadenar una imagen o actuar como un borde de un área de contenido. Para un aviador en línea, la forma más sencilla de hacer una línea recta con el HTML es mediante el uso de un "div", un cuadro de área de contenido con un borde fino. El div es una separación y una herramienta sofisticada organizar en HTML. Mediante el uso de las características de las fronteras de la div, se puede crear un div que es sólo una delgada línea arriba, abajo o hacia los lados del contenido de su folleto en línea.

Instrucciones

Instrucciones de Uso de Div

1 Abra el archivo que contiene el código fuente de su carpeta en línea, y localizar el contenido en el que desea una línea recta.

2 Escriba en la etiqueta "div" justo antes de que el contenido. La etiqueta div se ve así: <div>.

3 Añadir un estilo de borde de la etiqueta div escribiendo esto en: <div style = "border:">.

4 Decidir qué color y el grosor que desea para su línea recta. Por ejemplo, si desea que su línea recta a ser de color rojo y cinco píxeles de grosor, el código HTML se vería así: <div style = "border: sólido rojo 5px">. La "sólida" indica que las líneas rectas son sólidos en lugar de trazos. Ahora baje hasta la parte inferior del contenido que desea estar rodeado de líneas rectas y cerrar el cuadro div escribiendo: </ div>. Si no desea que su contenido rodeada de líneas rectas, pero sólo quieren una o dos líneas rectas, continúe con el siguiente paso.

5 Cambiar el estilo de borde para indicar que sólo un lado de la caja div debería tener un borde. Por ejemplo, si quieres una línea roja de cinco pixeles por debajo de su contenido sólo, escriba: <div style = "border-bottom: 5px sólido rojo>. Si desea que la línea por encima del contenido, el cambio de" abajo "a" superior. "Esto se aplica para las líneas a la izquierda ya la derecha del contenido.

6 Guarde el archivo con el nuevo HTML y subirlo a la Web para ver su volante en línea con las nuevas líneas rectas.