Preview:
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>CSS</title>
  </head>
  <body style="background-color: rgb(87, 15, 81)">
    <h1>Welcome</h1>
    <p style="color: blue">
      Lorem ipsum dolor, sit amet consectetur adipisicing elit. Placeat
      voluptatibus assumenda dolore eum accusamus minima, dignissimos enim
      explicabo non tempore.
    </p>
    <br />
    <h2>Change background color</h2>
    <p style="color: red; background-color: black">
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo alias
      delectus quae sapiente ex, laudantium vitae perspiciatis cum qui placeat
      saepe velit nobis, id quo impedit asperiores quibusdam temporibus illum!
      Nostrum placeat ipsa, qui dignissimos quasi, autem fuga facere ad veniam
      aut aliquam porro. Aspernatur, velit. Enim voluptatum sapiente animi rem
      ipsum, fuga praesentium reiciendis consequuntur sit saepe, impedit nulla
      hic iste mollitia cumque commodi ut deserunt minus, inventore omnis eius
      placeat beatae. Iste provident fugit mollitia iure aliquam molestias velit
      nulla deserunt ut! Quos commodi, quisquam voluptatum impedit dignissimos
      tempore error eaque? Similique asperiores amet dignissimos at quidem
      nesciunt.
    </p>
  </body>
</html>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter