¿Cómo colocar cuadros alrededor del texto en HTML

Cascading Style Sheets o CSS, es un medio eficaz para crear las fronteras de texto HTML. Esto es útil cuando se desea hacer hincapié en un bloque de texto, como una cita o un precio del artículo. Se utiliza la etiqueta HTML <div> para definir el bloque de texto, junto con un estilo de borde CSS para poner las cajas alrededor del texto en HTML.

Instrucciones

1 Abra el documento que contiene el texto que desea crear una caja para.

2 Escriba el inicio "<div>" etiqueta al comienzo de su texto, y al final "</ div>" etiqueta en el final de su texto. Por ejemplo: "<div> <p> mi bloque de texto </ p> </ div>".

3 Insertar el atributo de estilo para definir un estilo de borde de la siguiente manera:

<Div style = "border: 1px sólido de color rojo;">

<p>my block of text</p>

</ Div>

Su texto será rodeado por un 1 píxel de ancho cuadro rojo.