CSS

ブログ

【CSS】WordPressの全画像に一発で枠線(ボーダー)をつける方法【ブログ】

おはこんばんにちは!ノボルです。 WordPressの画像に枠線をつけたいんだけど、全画像に一発で枠をつける方法ってないの?? もちろんあるよ!さっそく解説するね。 記事数が多いと、画像一つ一つに枠線(ボーダー)をつけるのは、大変な手間です...
プログラミング

【CSS/jQuery】超簡単!画面サイズに合わせて高さを指定する3つの方法

おはこんばんにちは!ノボルです。 Web制作をしてるんだけど、要素の高さを画面サイズに合わせて指定する方法ってないの? 簡単な方法が3つあるから紹介するね! Webサイトなどで、要素が画面サイズと同じになっていることがありますよね。要素を横...
プログラミング

【CSS】position: absolute;で要素を中央寄せする方法【プログラミング】

おはこんばんにちは!ノボルです。 CSSの勉強してるんだけど、「position: absolute;」を使って要素を中央寄せすることってできるの? もちろんできるよ!サクッと説明するね。 そこで今回は、「position: absolut...
ブログ

【2021年度版】必見!Web制作が捗る便利なツール・拡張機能10選【効率化】

おはこんばんにちは!ノボルです。 Web制作の勉強をしてるんだけど、オススメのツールとかある? 僕が普段使ってる便利なツールをいくつか紹介するね! そこで今回は、Web制作が捗る便利なツール・拡張機能10選を紹介します。 Web制作が捗る便...
ブログ

【WordPress】テーマのCSSカスタマイズでリンクの下線を消す方法を解説

おはこんばんにちは!ノボルです。 ねえポチ!ブログ記事のリンクって下線を消すことはできないの?なんかデザイン的に邪魔なんだよね。笑 そういうことね。CSSカスタマイズすれば簡単に消せるよ! そこで今回は、WordPressのCSSカスタマイ...
プログラミング

【CSS】超簡単!コピペで作れるオシャレなボックスデザイン30選!

おはこんばんにちは!ノボルです。 ブログでボックスデザインを作りたいんだけど、どうやってするの? という方のために、今回は、完全コピペで作れるボックスデザインを30個紹介します。全てレスポンシブ対応で、HTMLとCSSのコピペだけで使うこと...
プログラミング

【初心者】CSSが効かないときの対処法!

おはこんばんにちは!ノボルです。いきなりですが、CSSを書いたけど効いてない!といった経験はありませんか?ちゃんとHTMLのheadにスタイルシートを読み込んだのに・・・。CSSの書き方は合ってるはずなのに・・・。イライラばかり募りますよね...
プログラミング

【CSS】マウスを乗せたときにボーダーが伸びるアニメーション

おはこんばんにちは!ノボルです。 今回は、マウスを乗せたとき(マウスオーバー)にボーダーが伸びるCSSアニメーションをご紹介します。 コードだけだとイメージがつかないかもしれないので、CodePenで動きが確認できるようにしました! ほぼコ...