【CSS】CSSの基本

HTML
CSSを使用する
<div class=”任意の名前”></div>
<div class="test">大きさや色を変更したい文字を挟みます</div>
CSS
文字の大きさ
font-size:
ピクセルやパーセントで文字の大きさを変えることができます。
.test { font-size: 40px; font-size: 40%; }
文字の色
color:
.font_test { color: #2196F3; }
#2196F3;は色を指しています。
背景色
background-color:
文字ではなく、背景の色を変える事もできます。
.test { background-color: red; }
文字の位置
中央
.test { text-align:center; }
左
.test { text-align: left; }
右
.test { text-align: right; }
フォント
font-family: 任意のフォント
.test { font-family: serif; }
周りの空白
margin: margin-top, margin-right, margin-bottom, margin-left;
.test { margin: 10px 50px 10px 50px; }
fich-labo
最新記事 by fich-labo (全て見る)
- MEO対策が必要な理由とは? - 2022年2月26日
- 【広告・SEO対策・LP制作】Webマーケティングのお仕事とは? - 2022年2月26日
- 【Google】リスティング広告の入稿から出稿までのやり方 - 2021年1月30日