CSSで見出しを綺麗にする方法!

最近はまっているCSSなのですが、今回はタイトルの強調や文字の強調についてサンプルを見て見ながら説明を入れていきます!

TEST

border-right:
border-bottom:
border-left:
border-top:

border

説明するとborder-top:,border-left:,border-bottom:,border-right:,でどこに線を引くか決めます。この時全部に線を引きたい場合はboder:で指定します。次に線の大きさを決めるため、solidかdoubleを指定してあげます。solidかdoubleは線が1本か2本かということを決めてあげます。さらにpxを指定し、最後に色を指定します。

border: double 5px #FF8C00;

TEST

説明するとこれは線を二つ重ねて作っています。positionを使ってうまく使っていきましょう!

TEST

説明すると(to right, rgb(0,225,95), transparent);この部分の rgb(0,225,95)ここで色を指定しています。サンプルを使う場合はここの色を変えてあげましょう!

説明するのって大変…

TEST

TEST

TEST

TEST

TEST

TEST

TEST

TEST

TEST

TEST

TEST

途中説明を投げ出しました(笑)
説明を見るよりやっぱり使うのが一番なので、サンプルをぜひ使ってみてください!



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*