全てのコンテンツ

HTML&CSS

【CSS】テキストやコンテンツに影をつける方法

今回は、テキストやコンテンツに影をつけて、立体的に見せる方法を紹介します。 基本のコードは、以下になります。 テキストに影をつける テキストに影をつける場合は、 text-shadow で指定します。 ブラウザで確認すると、 テキストに、影がつきました。 今回、 text…

続きを読む
2021年06月28日5 分
HTML&CSS

【CSS】最初や最後、何番目などにスタイルを指定する方法

続きを読む
2021年06月27日10 分
HTML&CSS

【CSS】マウスカーソルを載せると、コンテンツの色や形を変える方法

続きを読む
2021年06月26日5 分
HTML&CSS

【CSS】スタイルに変数を指定する方法

ウェブサイトを制作している時、色やサイズを使い回したいこと、ありませんか? 今回は、CSS でスタイルに変数を指定する方法を紹介します。 基本のコードは、以下になります。 変数の設定方法 CSS…

続きを読む
2021年06月25日5 分
HTML&CSS

【CSS】:root擬似クラスセレクターの使用方法

他の方が制作したウェブサイトを確認すると、CSS に :root で指定している時があります。 :root とは、何なのでしょうか? 今回は、 :root 擬似クラスセレクターの使用方法を紹介します。 基本のコードは、以下になります。 :root は HTML…

続きを読む
2021年06月24日5 分
HTML&CSS

【CSS】webkitやmozって何でしょうか

ウェブを制作していてサイトを調べている時、『webkit』や『moz』が頭についている CSS を見かけます。 これは、ベンダープレフィックスと言って、昔のブラウザで対応していない CSS の機能を対応させるために使用します。 例えば、 background-image: url…

続きを読む
2021年06月23日5 分
HTML&CSS

【CSS】背景画像上に表示しているテキストを見やすくする方法

続きを読む
2021年06月22日5 分
HTML&CSS

【CSS】背景色をグラデーションにする方法

サイト制作のとき、ボタンなどの色をグラデーションにしたい場合、ありませんか? 今回は、背景色をグラデーションにする方法を紹介します。 基本のコードは、以下になります。 背景色をグラデーションする 背景色をグラデーションにするには、 linear-gradient…

続きを読む
2021年06月21日10 分
HTML&CSS

【CSS】画面がスクロールしても背景画像が固定する方法

続きを読む
2021年06月20日5 分
HTML&CSS

【CSS】背景に画像を設定する方法

ウェブサイトを制作している時、背景に色を付けるのは、 background-color…

続きを読む
2021年06月19日10 分