Como dar cor ao fundo do lado esquerdo da minha página web

  • Autor Autor coni
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
C

coni

Curioso
Usuário com poucas negociações! Use sempre o saldo do 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>

Inserir CODE, HTML ou 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
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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 edição:
Puedes hacerlo aplicando el siguiente estilo al body:
background: linear-gradient(90deg, #FFC0CB 70%, #ccc 30%
);

quedo como queria gracias
 
Voltar
Topo