ubiquitour.com

¿Qué es el código HTML para poner un borde alrededor de una palabra del texto?

Estilo en cascada facilita aplicar fronteras a elementos en las páginas HTML, de grandes bloques de tipo hasta palabras individuales. Para poner un borde alrededor de una palabra en el texto, utilice las etiquetas < span > para definir la palabra por un estilo y luego usar atributos de frontera para darle el aspecto que desea.

El código de

Empezar por que encierra la palabra que quiera destacar en un par de etiquetas < span >. Para este ejemplo, usaremos la palabra "frontera":

Es ahí una < span > frontera < /span > alrededor de una de estas palabras.

Ahora añadir un estilo de borde básico a la etiqueta de apertura < span >:

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

Guarde el archivo y ábralo en un navegador web. Puedes ver un pequeño recuadro negro alrededor de la palabra "frontera".

Atributos

Viste a su frontera con atributos. Fronteras HTML tienen tres atributos: anchura, color y estilo. Anchura se puede establecer en un número exacto de píxeles, o simplemente como "fina", "medio" o "espeso". Color puede ser expresado como un valor RGB y valor hexadecimal de los colores estándar de 16 web (aqua, negro, azul, fucsia, gris, verde, cal, maroon, navy, oliva, púrpura, rojo, plata, teal, blanco y amarillo). Opciones de estilo de borde incluyen sólidos, puntos, guiones y doble, además de cuatro estilos que dan un efecto 3D: groove, ridge, inserción y principio.

Los tres atributos se pueden aplicar usando la propiedad "border" como se muestra en la sección 1. Para obtener un borde discontinuo 4 pixel, rojo, por ejemplo, se establecería el estilo como:

Hay un < span estilo = "frontera: 4px roja discontinua;" > frontera < /span > alrededor de una de estas palabras.

Los tres atributos se pueden enumerar en cualquier orden; sólo necesitan todos vienen después de los dos puntos y antes del punto y coma. No poner comas o cualquier otros signos de puntuación entre ellas.

Fronteras parciales

Utilice las fronteras parciales para personalizar la apariencia de su sitio. Cada frontera tiene cuatro caras: superior, inferior, izquierda y derecha. Puede establecer los atributos de cada lado individualmente usando la frontera superior, borde inferior, propiedades frontera-izquierdo y derecho de frontera. Por ejemplo, supongamos que desea que la frontera de 2 sección a ser verde en la parte inferior pero punteada rojo por todas partes. Sólo sería agregar una propiedad de borde inferior:

Hay un < span estilo = "frontera: 4px roja discontinua; borde inferior: 4px verde; " > frontera < /span > alrededor de una de estas palabras.

Al modificar las fronteras de esta manera, siempre comience con el estilo de borde completo y luego aplicar atributos a las partes individuales.