CATEGORY CSS

CSSの基礎知識を学べるカテゴリーです。

CSS Font Awesome 5

Font Awesomeを使おう・Webアイコンの使い方【CSS】

Font Awesomeのバージョンは現在「Font Awesome 5」が最新版として利用できます。(2018年12月時点) Font Awesome 5は、Web上で文字と同じように扱うことができるアイコンなので、拡大しても画質が劣化しませんし、色やサイズも自由に変更できます。 このFont Awesome 5の使い方を解説していきます。   「Font Awesome 5」の見本で […]

CSS

【CSS】クリックしたくなるボタンのサンプル-コピペで貼り付け

くリックしたい!押してみたい!と思わせるようなボタンをHTMLとCSSだけで作ったサンプルをご紹介します。 ボタンを作るなら、ついつい押したくなるようなボタンのデザインにしてコンバージョン率を高めましょう。   フラットデザイン 年々進化するボタンですが、ここ最近では、フラットデザインが主流になってきています。 Windows8やiOS 7からフラットデザインの開発が進んできました。 よ […]

CSS

ブログのおしゃれな見出し用CSSサンプル-コピペで貼り付け

ブログ用の見出しCSSサンプル第三弾です。 今回は、CSSでおしゃれな見出しサンプルをご紹介します。他の方とちょっと差をつけよう。 WordPressのスタイルシートにもそのままコピペで使用できますのでご利用下さい。   WordPressに利用する場合このサンプルCSSをWordPressの見出しに利用する場合は以下の記事を見て下さい。     おしゃれな見出しサン […]

CSS

ブログの囲い枠の見出し用CSSサンプル-コピペで貼り付け

ブログ用の見出しCSSサンプル第二弾です。 今回は、CSSで囲い枠がある見出しサンプルをご紹介します。 WordPressのスタイルシートにもそのままコピペで使用できますのでご利用下さい。   WordPressに利用する場合このサンプルCSSをWordPressの見出しに利用する場合は以下の記事を見て下さい。     囲い枠がある見出しサンプル   シンプ […]

CSS

ブログのシンプルな見出し用CSSサンプル-コピペで貼り付け

ホームページやブログで見出しは必須の要素ですね。 ここでは、シンプルなデザインの見出し用CSSサンプルを紹介します。コピペでそのまま貼り付けることができます。 気に入った見出しがあれば使って下さい。(この記事へのリンクも自由です)   WordPressに利用する場合このサンプルCSSをWordPressの見出しに利用する場合は以下の記事を見て下さい。     &nb […]

CSS

Google Chrome のキャッシュを削除する CSSが反映しない対策

Google Chromeを使っているとキャッシュに履歴が残り、そのキャッシュが原因でCSSの変更が反映されない場合があります。 そこで、Google Chromeのキャッシュを削除する方法をご紹介します。   キャッシュを削除する方法   設定から削除する Google Chromeの設定から順を追って削除する方法です。 点が3つ並んだ「Google Chromeの設定」を押 […]