Cómo darle color al fondo del lado izquierdo de mi página web

  • Autor Autor coni
  • Fecha de inicio Fecha de inicio
C

coni

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
hola tengo una pagina con un contenedor en el centro y una columna a la derecha
Como puedo hacer para que el fondo desde la izquierda de la pantalla asta donde termine el section tenga un color
HTML:
<html>
<head>
  <meta charset="UTF-8">
</head>
<body>
  <header></header>
  <div class="cont">
    <section>section</section>
    <aside>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos voluptatum amet optio necessitatibus maxime aliquid neque alias quidem nemo, veritatis.</aside>
  </div>
</body>
</html>

Insertar CODE, HTML o PHP:
body{
  margin:0;
  background:#ccc;
}
header{
  background:#333;
  height:50px;
}
.cont{
  width:80%;
  margin:auto;
}
section, aside{
  float:left;
  box-sizing:border-box;
}
section{
  width:75%;
  border:1px solid red;
  height:800px;
}
aside{
  width:25%;
  padding:10px;
  height:500px;
}

es como dividir la pantalla asta el section. alguna idea?

Create a New Pen
 
Puedes probar con esto:

HTML:
<section style="background:#000; width:75%;">
  <div class="cont">
    <section>section</section></section>



HTML:
section{
        width:112.5%;
  border:1px solid red;
  height:800px;
}
 
Puedes hacerlo aplicando el siguiente estilo al body:
background: linear-gradient(90deg, #FFC0CB 70%, #ccc 30%
);
 
Si esta bien, emoski
La única pega es si pones márgenes en la <header> o no lo pones al 100%.
 
Última edición:
Atrás
Arriba