読者です 読者をやめる 読者になる 読者になる

ハロトレWebデザインの勉強 | 求職者支援訓練Webサイト制作科 フェリカテクニカルアカデミー

未経験者からプロになるハロートレーニングWebデザインの勉強

トップページのデザインを指定する

トップページのデザインを指定する

記事の間隔を広くする
/* 記事 */
article {
  margin-bottom: 40px;
}
記事のタイトルを黒色にする
/* 記事 */
article h1 a {
  color: #000;
  text-decoration: none;
}
横幅の最大値を指定する
.container {
  max-width: 650px;
}
中央に揃えて表示する
  • この段階で、記事の左右に余白を追加して読みやすくする
.container {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}