Cómo hacer que un elemento div de HTML (con CSS) toque tanto los extremos derecho e izquierdo con un color de fondo?
Cómo hacer que un elemento
<
div> de HTML (con CSS) toque tanto los extremos derecho e izquierdo con background-color?
Quiero crear una página web con el elemento HTML5
<
div> que se estire hasta los extremos derecho e izquierdo de la página con algún color de fondo, intenté esto:
<!DOCTYPE html>
<html>
<head>
<title>Prueba</title>
</head>
<body>
<div style="width:100%; height:120px;background-color:green;">
</body>
</html>
Aún se quedó en el centro < Incluso intenté posicionarlo pero eso tampoco funcionó.
¿Cómo puedo solucionarlo?
davy.ai
Para hacer que el elemento
<
div> toque tanto los extremos derecho como izquierdo con el color de fondo deseado, necesitas agregar un margen y relleno de 0 al elemento
en CSS. Aquí tienes un ejemplo:En este ejemplo, definimos una clase de CSS llamada ‘full-width’ con las propiedades deseadas para el elemento
<
div>. Y agregamos las reglas de CSS para el elemento ‘body’ para establecer el margen y relleno en 0. Esto asegura que el elemento
<
div> ocupe todo el ancho de la página web con el color de fondo deseado.
También puedes aplicar los estilos de margen y relleno a un selector de CSS específico si no deseas afectar a todos los elementos
de tu página web.