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

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;
}


トップページ
《プレビュー》

f:id:webmaster-web:20160710003204p:plain

個別記事ページ
《プレビュー》

f:id:webmaster-web:20160710003441p:plain