a-blog cmsでサイト制作講座2 デザイン編

初心者にやさしいa-blog cmsの使い方 CSSを書き換えてデザインをカスタマイズしよう

TEL

共用



”共用”パートソースコード

★サイト全体のフォント、色の設定
 
body {
 
  background: #f2f2f2;    ★サイト全体の背景色
  color: #333333;     ★サイト全体の文字色
 
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'MS Pゴシック', 'MS PGothic', Verdana, sans-serif;      
★サイト全体のフォント
 
  font-size: 14px;       ★サイト全体のフォントサイズ
 モダンブラウザ向け
  _text-align: center;
}
@media screen and (max-width: 767px) {
  body {
    border-top: solid 5px #333333;
  }
}
 リンクの設定
a {
  border: none;
  color: #006DD9;        ★リンクの色
  text-decoration: none;
}
a:visited {
  color: #7F5AD7;          ★訪問済みリンクの色
  text-decoration: none;
}
a:active {
  color: #006DD9;          ★リンククリック中の色
  text-decoration: none;
}
a:hover {
  color: #006DD9;          ★リンクホバー中の色
  text-decoration: underline;
}
address {
  font-style: normal;
}
 
★ 画像の線を消す
img {
  border: none;
}