¿Puedo aplicar un estilo CSS al nombre de un elemento??
En HTML, el atributo de nombre se usa para especificar un nombre para un elemento en HTML, como la edad, la fecha y muchos más. También se utiliza en forma de referencia cuando se envían los datos en un formulario. Además, el usuario puede diseñar el elemento "nombre"Al acceder a él con la ayuda de un selector y luego aplicar propiedades CSS, que incluyen"altura","color","color de fondo","tamaño de fuente"Y muchos más según su elección.
Esta publicación demostrará sobre la aplicación del estilo CSS al nombre de un elemento.
¿Cómo puedo aplicar un estilo CSS al nombre de un elemento??
Sí, el usuario puede diseñar el nombre del elemento con la ayuda de varias propiedades CSS aplicándolas. Para hacerlo, pruebe el procedimiento paso a paso dado.
Paso 1: crear un contenedor Div
Inicialmente, utilice el ""Etiqueta para crear un contenedor Div. Luego, agregue un atributo de clase y asigne un nombre a la clase de acuerdo con sus preferencias. En este escenario, el "Div-Main"Está configurado como el nombre de la clase.
Paso 2: Agregar encabezado
A continuación, inserte el encabezado con la ayuda de ""E incrusta el texto entre la apertura de encabezado y la etiqueta de cierre.
Paso 3: crear un formulario
Para crear un formulario, siga este procedimiento:
- Primero, agregue un ""Elemento que se usa para crear un formulario.
- A continuación, utilice el ""Elemento para incorporar la etiqueta, y luego, el"El elemento se usa para asignar los campos de formulario.
- El tipo de entrada se establece como "texto"Que especifica el campo de texto en el formulario.
- El "marcador de posición"Asigna una pista corta que define el valor para mostrar en el campo de entrada.
- "nombre"El atributo define una referencia esperada cuando se envía el formulario.
- El "mínimo"Especifica el valor mínimo para un"" elemento.
- El tipo de entrada "entregar"Se utiliza para agregar un botón al formulario:
Estilo CSS para un nombre de elemento
Se puede notar que el formulario se ha creado con éxito:
Paso 4: Clase de acceso
Ahora, acceda a la clase utilizando el selector de clase con el nombre de la clase. Por ejemplo, ".Div-Main"Se utiliza para acceder a la clase principal.
Paso 5: Aplicar propiedades CSS
Después de acceder a la clase, aplique las propiedades CSS para el estilo:
.Div-Main
estilo fronterizo: discontinuo;
margen: 20px 70px;
relleno: 20px;
Color de fondo: RGB (177, 245, 222);
Aquí:
- "estilo de bordeSe utiliza la propiedad para agregar un estilo al borde del elemento.
- "margen"Define un espacio fuera del borde definido alrededor del elemento, donde el primer valor es"20px"Y agrega espacio en la parte superior e inferior, y el segundo valor", "70px", Establece el espacio en los lados izquierdo y derecho.
- "relleno"Define un espacio dentro del límite.
- "color de fondo"Se utiliza para especificar el color en la parte posterior del elemento.
Producción
Paso 6: Elemento de acceso "Nombre"
Ahora, acceda al "" elemento "nombre". Por ejemplo, accederemos al campo de entrada con el nombre "edad".
Paso 7: Aplicar estilo CSS en el elemento "Nombre"
A continuación, aplique estilos CSS en el elemento "nombre"Al utilizar las propiedades enumeradas:
entrada [name = "edad"]
Altura: 40px;
Color: RGB (243, 242, 242);
Color de fondo: RGB (241, 34, 7);
negrita;
tamaño de fuente: grande;
En el código anterior:
- "alturaLa propiedad asigna altura al elemento seleccionado.
- "color"Se usa para especificar el color del texto del elemento.
- "color de fondo"Se usa para configurar el color de fondo del elemento.
- "fuente"Está configurado como"atrevido"Para hacerlo prominente.
- "tamaño de fuente"Especifica el tamaño de la fuente. Cuando se modifica el tamaño de fuente, también cambia los tamaños de la fuente.
Como resultado, el elemento "edad"Será diseñado de la siguiente manera:
Le hemos enseñado sobre aplicar el estilo CSS al nombre del elemento.
Conclusión
Sí, el usuario puede diseñar el nombre del elemento con la ayuda de diferentes propiedades de CSS aplicándolas. Para hacerlo, primero, cree un formulario y agregue múltiples campos. Entonces, acceda a la "nombre"Elemento del""Etiqueta utilizando el"entrada [name = ""]"Sintaxis. Luego, aplique las propiedades CSS requeridas. Esta publicación explicó el método para diseñar el nombre del elemento aplicando propiedades CSS.