El CSS "fondoSe utiliza la propiedad para controlar los antecedentes de un elemento establecido. Al mismo tiempo, hay varias propiedades que componen el fondo, incluido "color de fondo","imagen de fondo","tamaño de fondo", y muchos más. El fondo cubre el tamaño total del elemento, incluido el borde y el relleno, pero excluye el margen. Hace que el texto sea tan visible y fácil para el usuario leer. Además, el "color de fondo" determina el color en la parte posterior del elemento o los datos definidos.

Esta publicación explicará lo siguiente:

• ¿Cuál es la propiedad de "fondo" CSS??
• ¿Cuál es la diferencia entre "Antecedentes: Ninguno" vs "Antecedentes: Transparente"?

¿Cuál es la propiedad de "fondo" CSS??

El "fondoLa propiedad es una propiedad abreviada en CSS utilizada para establecer el fondo de cualquier elemento en forma de imagen, párrafo o cualquier tipo de elemento en el documento HTML. Seguiron las propiedades de fondo que están formadas por otras ocho propiedades:

• "imagen de fondo"Se utiliza para establecer una o más imágenes en la parte posterior del elemento. Una imagen de fondo aparece de forma predeterminada en la esquina superior izquierda de una página HTML.
• El "repetición"El atributo especifica si la imagen de fondo se repetirá o no. Una imagen de fondo es repetitiva tanto horizontal como verticalmente de forma predeterminada.
• "atacamiento de antecedentes"Determina si se debe mantener una imagen de fondo de desplazamiento en la página HTML o páginas de contenedores adicionales.
• "posición de fondo"Se utiliza para establecer la posición del elemento.
• "tamaño de fondo"Se usa para asignar el tamaño de la imagen de fondo.
• El "clip de fondo"El atributo especifica cuánto de fondo de un elemento debe estar cubierto por una imagen o color.
• "color de fondo"Se utiliza para asignar el color en la parte trasera del elemento.
• "origen"Describe la ubicación del origen del área de posicionamiento de fondo en una imagen de fondo.

¿Cuál es la diferencia entre "Antecedentes: Ninguno" vs "Antecedentes: Transparente"?

No hay diferencia entre ellos. Si no especifica un valor para cualquier propiedad de media docena para las cuales el fondo es una taquigrafía, entonces se establece en su valor predeterminado, incluyendo ""ninguno" y "transparente".

Ejemplo 1: Uso de "Antecedentes: Ninguno" en CSS

Para establecer el "Antecedentes: ninguno"Propiedad en CSS, primero, agregue datos en el documento HTML, luego acceda al elemento en CSS y aplíquelo.

Para una implicación práctica, pruebe las instrucciones dadas.

Paso 1: Agregar datos en el encabezado

Con el fin de agregar un encabezado en la página HTML, utilice la etiqueta de encabezado de "

" a "

". En este escenario, tenemos "H1"Para el primer encabezado", "H2"Para el segundo encabezado, y"H3"Para el tercer encabezado. Además, incruste los datos dentro del texto para el encabezado:

Sitio web del tutorial de Linuxhint

El fondo como ninguno

el fondo es verde

Producción

Paso 2: Establecer propiedad "Antecedentes: Ninguno"

A continuación, acceda al encabezado usando el "H2"Etiqueta y aplique las propiedades que cotizan a continuación:

H2
Color: tomate;
Color de fondo: ninguno;

Aquí:

• "colorSe utiliza la propiedad para establecer el color del texto.
• "color de fondo"Especifica el color en la parte posterior del elemento. Para hacerlo, aquí, el valor de esta propiedad se establece como "ninguno"Por ningún color en la parte trasera.

Se puede notar que la propiedad de color establece el color del texto. Sin embargo, no hay color en la parte posterior del elemento:

Paso 3: Establezca el fondo como un color particular

Luego, acceda al otro encabezado usando el nombre del encabezado "H3”Y aplique las mismas propiedades con los diferentes valores:

H3
color blanco;
Color de fondo: verde;

Para hacerlo, aplicaremos el "color"Propiedad con el valor como"blanco" y el "color de fondo"Propiedad establecida como"verde":

Ejemplo 2: Uso de "fondo: transparente" en CSS

Para establecer el fondo: transparente en CSS, utilice el código HTML anterior y luego aplique el "color de fondo" como "transparente".

Paso 1: Establecer "Color de fondo: Transparente"

Acceder al "H2"Encabezado y aplique las propiedades de fragmento dadas:

H2
Color: RGB (10, 250, 70);
Color de fondo: transparente

Para hacerlo, en el fragmento anterior:

• El valor del "color"La propiedad se establece como"RGB (10, 250, 70)".
• "color de fondo"Está configurado como"transparente".

Paso 2: Establezca un color particular en la parte trasera

Acceda al encabezado y aplique las mismas propiedades con diferentes valores:

H3
color blanco;
Color de fondo: RGB (236, 169, 91);

Nota: No hay diferencia entre "Antecedentes: Ninguno" y "Antecedentes: Transparente" en CSS.

Conclusión

No hay diferencia entre "Antecedentes: ninguno" y "Antecedentes: transparente". El "Color de fondo: ninguno"No establece color en la parte trasera del elemento. Por otro lado, si ha especificado un color en el elemento trasero ",Color de fondo: transparente”, Especifique que el color de fondo debe ser transparente en el elemento definido. Esta publicación ha demostrado la diferencia entre la propiedad de fondo con el valor ninguno y transparente.