¿Qué es el código HTML Si quiere poner un borde alrededor de un texto de Word?

De estilo en cascada hace que sea fácil de aplicar bordes a los elementos de las páginas HTML, a partir de grandes bloques de tipo todo el camino hacia abajo a las palabras individuales. Para colocar un borde alrededor de una palabra en el texto, utilizar las etiquetas <span> para definir la palabra por un estilo en línea, y luego utilizar los atributos frontera para darle el aspecto deseado.

El código

Para empezar, que encierra la palabra que desea resaltar en un par de etiquetas <span>. Para este ejemplo, vamos a utilizar la palabra "frontera":

Hay un <span> fronteriza </ span> alrededor de una de estas palabras.

Ahora agregue un estilo de borde de base para la apertura etiqueta <span>:

Hay un <span style = "border: 1px solid negro;"> frontera </ span> alrededor de una de estas palabras.

Guarde el archivo y abrirlo en un navegador web. Se ve una pequeña caja de negro alrededor de la palabra "frontera".

atributos

Vestir a su frontera con atributos. fronteras HTML tienen tres atributos: la anchura, color y estilo. Ancho se puede establecer en un número exacto de píxeles, o simplemente como "fina", "medio" o "gruesa". El color puede ser expresado como un valor RGB, un valor hexadecimal, o uno de los colores estándar de 16 tela (aqua, negro, azul, fucsia, gris, verde, cal, marrón, azul marino, de oliva, púrpura, rojo, plata, verde azulado, blanco y amarillo). Opciones de estilo de las fronteras, son sólidos, puntos, guiones y doble, además de cuatro estilos que le dan un efecto 3-D: surco, canto, inserción, y un principio.

Los tres atributos se pueden aplicar mediante la propiedad "frontera" como se muestra en la sección 1. Para obtener una 4-píxel, rojo borde discontinuo, por ejemplo, debería definir el estilo como:

Hay un <span style = "border: 4PX rojo discontinuo;"> frontera </ span> alrededor de una de estas palabras.

Los tres atributos se pueden enumerar en cualquier orden; sólo necesitan que todos vienen tras los dos puntos y antes del punto y coma. No ponga comas o cualquier otro puntuacion entre ellos.

Borders parciales

Utilice fronteras parciales para personalizar aún más el aspecto de su sitio. Cada borde tiene cuatro lados: superior, inferior, izquierda y derecha. Puede establecer los atributos de cada lado de forma individual utilizando el border-top, border-bottom, border-left y propiedades de borde derecha. Por ejemplo, digamos que usted quiere de la frontera de la Sección 2 para ser verde en la parte inferior, pero discontinua roja en cualquier otro sitio. Usted acaba de agregar una propiedad border-bottom:

Hay un <span style = "border: 4PX rojo discontinuo; border-bottom: 4 píxeles de color verde fijo;"> frontera </ span> alrededor de una de estas palabras.

Al modificar las fronteras de esta manera, siempre comienzan con el estilo de borde completo, a continuación, aplicar atributos a los lados individuales.