Skip to content

Instantly share code, notes, and snippets.

@kriskornel

kriskornel/erga-intro-css.html

Created January 26, 2021 08:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kriskornel/5686a0513a67b0f4e660df34c1347082 to your computer and use it in GitHub Desktop.
Save kriskornel/5686a0513a67b0f4e660df34c1347082 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
erga-intro-css.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BELAJAR CSS (Cascading Sheet Style)</title>
<style>
h1 {
color: blue;
}
h2 {
color: yellow;
background-color: green;
font-family: 'Courier New', Courier, monospace;
}
blockquote {
color: white;
background-color: black;
}
</style>
</head>
<body>
<!-- Page Title -->
<h1>Hello World, erga!</h1>
<!-- Inline CSS -->
<p style="color: red;">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tempore enim praesentium totam aspernatur provident
beatae ipsum, modi quos, repellat suscipit deleniti quam veniam, voluptatibus debitis iure porro ullam in eum!
</p>
<h1>This will repeat the style</h1>
<!-- Page Title 2 -->
<h2>Hello World, erga!</h2>
<!-- Inline CSS -->
<blockquote>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tempore enim praesentium totam aspernatur provident
beatae ipsum, modi quos, repellat suscipit deleniti quam veniam, voluptatibus debitis iure porro ullam in eum!
</blockquote>
<div style="height: 20px; width: 275px; background-color: purple;"></div>
<br>
<div style="width: 275px; height: 275px; background-color: sandybrown;"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment