のセクションを使用する

この部分では CSS とほとんど同じ書き方をすることができます。

まずは普通の CSS を書いて、スタイルを当ててみましょう。

参考例

CodeSandbox へのリンク

App.vue
<template>
  <div class="wrapper">
    <h2 class="title">
      Vue + Vuex<br />
      入門コース
    </h2>
    <p class="body">わかりやすいと評判!!</p>
  </div>
</template>

<script></script>

<style>
.wrapper {
  width: 400px;
  margin: 0 auto;
  background: turquoise;
  padding: 10px;
}

.title {
  font-size: 50px;
  text-align: center;
}

.body {
  text-align: center;
}
</style>