スマホ画面下部に固定された電話ボタンとお問い合わせボタンを配置する方法
今や、ホームページ、WEBサイトの「スマホ最適化」は必須です。 お客様にスマホでご自身のホームページを見てもらい、気に入ってもらえたらすぐにお問い合わせできるように、画面に「電話ボタン」や「お問い合わせボタン」を常時固定…
【シンプルおしゃれデザイン】見出しタイトルの上下に疑似要素で画像を表示する方法
ホームページ、WEBサイトにおいて、「見出し」はとても重要です。 昔々、見出しは目立たせるようにデザインされた「画像」で表示することが一般的だった時代もあります。 ただ、現在では、やはり画像ではSEO的に不利な面があるの…
【border-radius】CSSで画像を角丸にする方法【画像加工なし】
投稿のサムネイルや、ページに挿入した画像の元データは正方形だけど、角丸で表示したい！ということはありませんか？ もちろん、元データの段階でPhotoshop等の画像加工アプリケーションを使って角丸に加工してからアップロー…
【position】CSSで親要素の中の子要素を中央配置する方法
ある範囲内でその中の文字や画像を中央配置したい時に便利なCSSテクニックになります。 HTML 親要素blockの中の子要素pを中央配置していきます。 <div class=”block”> <p>…
【CSSで簡単指定】フォントをゴシック体、明朝体、丸文字に変更する方法
サイトの雰囲気に合わせて、見出しや本文のフォントを変更したい時ってありますよね？ 今回は、ゴシックや明朝体、丸文字に簡単に変更できるCSSになります。 ゴシック体 font-family:”Yu Gothic”, “游ゴ…
アンカーリンクだけで作るシンプルなリンクボタン
アンカーリンクだけで作るとってもシンプルなボタンです。 おまけで、背景色のアニメーション変化つきです。 HTML <p class=”Btn-wrap”><a href=”#” class=”Btn”&…
