Tecnología

Inicio

De borde para un botón de entrada HTML

De borde para un botón de entrada HTML


Usando una combinación de (Cascading Style Sheets) las declaraciones de marcas y CSS HTML, los sitios web se pueden caracterizar por elementos interactivos como botones. formularios HTML utilizan elementos de entrada, incluyendo botones para proporcionar la interacción del usuario dentro de un sitio. Elementos del botón generalmente aparecen de manera estándar en el navegador del usuario, pero los desarrolladores pueden optar por proporcionar propiedades de estilo específicas que determinan su aparición, incluidas las fronteras.

Elemento de entrada

Para incluir un botón HTML dentro de una página Web, puede utilizar el elemento de entrada. El elemento de entrada es una característica común en los formularios Web y puede ser cualquier tipo de botón o de texto. El siguiente código de ejemplo demuestra marcado incluyendo un botón de entrada HTML:

<Input type = "button" value = "Press Me" class = "standardbtn" />

El valor del botón determina el texto que se mostrará en él. Usando el atributo de clase permite que el código CSS para identificar el botón.

Identificador CSS

código CSS puede identificar elementos HTML usando sus nombres de las etiquetas, los atributos de identificación o atributos de clase. Si un desarrollador quiere aplicar el mismo estilo a todos los elementos de entrada dentro de un sitio, se puede utilizar el nombre de etiqueta de elemento como el identificador de la siguiente manera:

entrada{

/ CSS declaraciones aquí /

}

Si un elemento es único dentro de la página web y tiene un atributo ID, código CSS puede utilizar esto como sigue:

mainbtn {

/ CSS declaraciones aquí /

}

Esto funcionaría en el botón de entrada tiene un atributo ID con "mainbtn" como su valor. Para utilizar un atributo de clase, en cuyo caso se le asigna un botón para un grupo de elementos, código CSS se puede utilizar la siguiente sintaxis:

input.standardbtn {

/ CSS declaraciones aquí /

}

Declaración frontera

código CSS puede declarar estilo frontera en un número de maneras. Para declarar un conjunto de propiedades que se aplicarán a todos los lados del elemento de botón de entrada, la siguiente sintaxis se puede utilizar:

input.standardbtn {

frontera: 1px solid # 000000;

}

Este código especifica el ancho del borde, estilo y color de los cuatro lados del botón de entrada. Cada uno de estos elementos puede tener varios valores posibles para adaptarse al estilo general de un sitio o página web.

lados fronterizos

código CSS puede dictar el estilo de los distintos lados del botón de entrada por separado. Por ejemplo, el código siguiente especifica todas las propiedades de la parte superior del botón de entrada en una sola línea:

border-top: 3PX de puntos # FF0000;

código CSS, alternativamente, puede especificar un estilo para los cuatro lados de los elementos en términos de propiedades individuales:

border-width: 1px 1px 2px 2px;

Esta sintaxis determina la anchura de la parte superior, derecho, inferior e izquierdo.

Propiedades de la frontera

código CSS puede dictar el estilo para las características individuales, así como el uso de taquigrafía para declarar todos ellos en una sola línea. Por ejemplo, el código siguiente muestra cómo establecer el color del borde:

border-color: # 0000FF;

Lo siguiente demuestra estilo de borde:

Border-style: doble;

Los desarrolladores son libres de elegir cualquier sintaxis de arreglos adaptarse al estilo de sitios particulares en los que trabajan.