Hola, amigos. una pequeña duda, ¿como se hace para mandar a la imagen como background, es decir que este por detras del texto para que el mismo texto este sobre la imagen y que no se vean los fondos blancos?
<!DOCTYPE html>
<html lang="es-419">
<head>
<meta charset="UTF-8">
<title>Inicio, Asterial Corp</title>
<link rel = "stylesheet" href = "style.css">
</head>
<body>
<img id = "banner" src = "banner/banner.jpg">
<div class = "primalText">
<h1>¡Bienvenido al portal de Internal, Corp!</h1>
<p id = "pharse1">Somos una destacada empresa farmacéutica dedicada a la investigación, desarrollo y producción de medicamentos de vanguardia para <em><strong>mejorar la salud y el bienestar de las personas en todo el mundo.</strong></em></p>
<p id = "pharse2"><em>Nuestro compromiso con la excelencia en la ciencia y la innovación nos ha convertido en líderes en la industria, <strong>con una amplia gama de productos farmacéuticos que abarcan desde medicamentos recetados hasta productos de venta libre.</strong></em></p>
<p id = "pharse3">Con una experiencia acumulada de décadas en la industria, Asterial Corp se enorgullece de brindar <em><strong>soluciones de atención médica de alta calidad</strong></em> y contribuir a mejorar la vida de las personas.</p>
<p id = "pharse4">Explora nuestro sitio web para conocer más sobre nuestra historia, nuestros valores y nuestros productos innovadores. <strong>¡Gracias por visitarnos!</strong></p>
</div>
<div class = "products">
<h2> Nuestros Productos: </h2>
<ul>
<li class = "items">Astefluin - Jarabe para la gripe y el resfriado.</li>
<li class = "items">Astecalm - Ansiolítico para el manejo del estrés y la ansiedad.</li>
<li class = "items">Asteridol - Analgésico y antiinflamatorio para el alivio del dolor.</li>
<li class = "items">Astepan - Antiséptico y cicatrizante para heridas y cortes.</li>
<li class = "items">Astecort - Crema corticosteroide para afecciones dermatológicas.</li>
<li class = "items">Astevital - Multivitamínico para el fortalecimiento del sistema inmunológico.</li>
<li class = "items">Astesomn - Ayuda para el insomnio y trastornos del sueño.</li>
<li class = "items">Asteprobiot - Probiótico para la salud intestinal.</li>
<li class = "items">Asteverin - Antihistamínico para aliviar los síntomas de alergias.</li>
<li class = "items">Astecongest - Descongestionante nasal para el alivio de la congestión nasal.</li>
</ul>
<img src = "products/products.jpg" class = "imageProducts">
</div>
</body>
</html>
}
#banner {
width: 100%;
height: 100%;
}
.primalText{
background: blueviolet;
padding: 20px;
}
h1{
text-align: center;
}
p{
text-align: center;
}
em strong{
color: firebrick;
}
#pharse1 {
font-size: 22px;
}
#pharse2 {
font-size: 20px;
}
#pharse3 {
font-size: 20px;
}
#pharse4 {
font-size: 24px;
}
h2{
text-align: center;
background: blueviolet;
}
.items{
font-size: 17px;
font-style: italic;
background: blueviolet;
}
ul{
display: inline-block;
vertical-align: top;
width: 20%;
margin-right: 15%;
}
.imageProducts{
width: 55%;
padding: 30px;
background: blueviolet;
}
