【border-radius】CSSで画像を角丸にする方法【画像加工なし】

投稿のサムネイルや、ページに挿入した画像の元データは正方形だけど、角丸で表示したい！ということはありませんか？ もちろん、元データの段階でPhotoshop等の画像加工アプリケーションを使って角丸に加工してからアップロー…

もっと見る　≫

【position】CSSで親要素の中の子要素を中央配置する方法

ある範囲内でその中の文字や画像を中央配置したい時に便利なCSSテクニックになります。 HTML 親要素blockの中の子要素pを中央配置していきます。 <div class=”block”> <p&gt…

もっと見る　≫

【CSSで簡単指定】フォントをゴシック体、明朝体、丸文字に変更する方法

サイトの雰囲気に合わせて、見出しや本文のフォントを変更したい時ってありますよね？ 今回は、ゴシックや明朝体、丸文字に簡単に変更できるCSSになります。 ゴシック体 font-family:”Yu Gothic”, “游ゴ…

もっと見る　≫

アンカーリンクだけで作るシンプルなリンクボタン

アンカーリンクだけで作るとってもシンプルなボタンです。 おまけで、背景色のアニメーション変化つきです。 HTML <p class=”Btn-wrap”><a href=”#” class=”Btn”&…

もっと見る　≫