Our Elixir

Green Tea Cooler

Chock …

Rasberry Ice Concentration

Combining …

Blueberry Bliss Elixir

Blueberries …

Carnberry Antioxidant Blast

Wake …

コード(Emacs)

HTML5

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="sample4.css">
  </head>
  <body>
    <h1>Our Elixir</h1>    
    <h2>Green Tea Cooler</h2>
    <p>Chock …</p>
    <h2>Rasberry Ice Concentration</h2>
    <p class="blue">Combining …</p>
    <h2>Blueberry Bliss Elixir</h2>
    <p class="purple">Blueberries …</p>
    <h2>Carnberry Antioxidant Blast</h2>
    <p>Wake …</p>
  </body>
</html>

CSS(Stylesheet)

h1, h2 {
    font-family: sans-serif;
}
h1 {
    border-bottom: 1px solid black;
}
p {
    color: maroon;
    font-family: sans-serif;
}

.blue {
    color: blue;
}
.purple {
    color: purple;
}

Kamimura's blog

2017年5月19日金曜日

HTML5 - CSS - Getting Started with CSS: Adding a Little Style(class selector)

Our Elixir

Green Tea Cooler

Rasberry Ice Concentration

Blueberry Bliss Elixir

Carnberry Antioxidant Blast

0 コメント:

コメントを投稿