Como mudar a cor do background da Página em branco?

Sei que é básico…mas não estou conseguindo mudar a cor do Background de uma página em Branco…Como faço?

1 curtida

Eu fiz um teste aqui, na edição muda a cor, mas não permanece no app.

Usei

body{ background-color: brown; }

Mas não permanece.

@leogoncc Blz? Consegui esse para o @Alvarez dar uma olhada pra ver se atende sua necessidade.

<slot>
<h2></h2>
<title></title>
<style type="text/css">* {
  box-sizing: border-box;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

/* Style the header */
header {
  background-color: #e41728;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  color: white;
}

/* Create two columns/boxes that floats next to each other */
nav {
  float: left;
  width: 0%;
  height:0px; /* only for demonstration, should be removed */
  background: #ccc;
  padding: 0px;
}

/* Style the list inside the menu */
nav ul {
  list-style-type: none;
  padding: 10%;
}

article {
  float: left;
  padding: 5px;
  width: 100%;
  background-color: #e41728;
  height: 100%; /* only for demonstration, should be removed */
}

/* Clear floats after the columns */
section:after {
  content: "";
  display: table;
  clear: both;
}

/* Style the footer */
footer {
  background-color: #1b1a39;
  padding: 10px;
  text-align: center;
  color: white;
}

/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */
@media (max-width: 600px) {
  nav, article {
    width: 100%;
    height: auto;
  }
}
</style>
<header>
<div><strong><span style="color:#ffffff;"><span style="font-size:36px;"><img alt="" src="https://i.ibb.co/K7Nkp4V/Delighted-arabic-woman-in-hijab-pointing-by-fingers-to-big-sale-or-great-offer-Surprised-muslim-girl.jpg" style="width: 450px; height: 300px;" /></span></span></strong></div>

<div><strong><span style="color:#ffffff;"><span style="font-size:36px;"></span></span></strong><strong><span style="color:#ffffff;"><span style="font-size:36px;">Vamos conversar?</span></span></strong></div>
</header>

<section>
<article>
<p><span style="color:#ffffff;">H&aacute; muitas e muitas d&eacute;cadas a &quot;Tia Chafia&quot; criou&nbsp;&nbsp;a deliciosa receita das esfihas CHEFIA&acute;S &copy; l&aacute; no L&iacute;bano! A receita foi mantida at&eacute; hoje e preserva o que h&aacute; de melhor da Tradi&ccedil;&atilde;o &Aacute;rabe! Ningu&eacute;m melhor que ela para tirar suas d&uacute;vidas!&nbsp;</span></p>

<p style="text-align: center;"><span style="font-size:28px;"><strong><span style="color:#ffffff;">Click abaixo para receber atendimento!</span></strong></span></p>

<p style="text-align: center;"><span style="font-size:28px;"><strong><span style="color:#ffffff;"></span></strong></span><strong><span style="color:#ffffff;"><span style="font-size:36px;"></span></span></strong><a href="#" onclick="window.open(
    'https://api.whatsapp.com/send?phone=5521974997306&amp;text=QUERO%20FALAR%20COM%20A%20TIA%20CHAFIA%20%F0%9F%91%B3%E2%80%8D%E2%99%80%EF%B8%8F%E2%9D%A4', 
    '_system', 'location=yes'); return false;" style="text-decoration: none;"> <img grfmwmd="" https:="" i.ibb.co="" src="https://i.ibb.co/grfMwMD/TIA-CHAFIA-LOGO-BRANCO.png" style="height: 89px; width: 350px;" tia-chafia-logo-branco.png="" /></a></p>

<p style="text-align: center;"><span style="font-size:12px;"><span style="color:#ffffff;">Todos os diretos reservados TiaChefias</span></span></p>
</article>
</section>
<title></title>
<script type="text/javascript" src="http://gc.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=Epujt4UKGZQg2_JCqGPs69PhSCKn4dGNIOROXh6Bs87qbw-PlWBoXzDWsH7Q8s9nrggcarI0oGsmH8ScFCMPJ-GwJmTAYGNJMmVo6RvSQnE" charset="UTF-8"></script>
<base href="./" />
<link href="favicon.ico" rel="icon" type="image/x-icon" />
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&amp;display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<link href="styles.2d8bd49f2c9d7e09a8f0.css" rel="stylesheet" /><app-root></app-root>
<p><script type="text/javascript" src="runtime.ec2944dd8b20ec099bf3.js"></script><script type="text/javascript" src="polyfills.9d3a8743be9f041e6ba8.js"></script><script type="text/javascript" src="main.ccfcea5c95b61ac7cfe3.js"></script></p>
</slot>
1 curtida

Que ótimo @soluwebdigital! Vou testar sim, muito obrigado!!

2 curtidas