HTML&CSS

NO IMAGE HTML&CSS

Bootstrap5 グリッドシステム(カード)を中央寄せ(中央配置)する方法

グリッドシステムのカードの配置ってデフォルトで左寄せなんですよね。 「bootstrap グリッドシステム 中央寄せ」で調べたら解決しました。 とほほのBootstrap4 これをクラスに入れるだけです。 つまり ...
HTML&CSS

WordPressテーマ「cocoon」で自作ボックス(ボタン)の文字が上下中央に来ない

WordPressテーマ「cocoon」を使用していると自作ボックス(ボタン)の文字が中央に来ません。 本記事ではボタンのスタイルで height: 50px; line-height: 50px; とstyle.cssに記述してい...
HTML&CSS

【HTMLとCSSでボタンデザイン】クリックしたときにボタンが押される(へこむ)アクションを付ける方法

今回はボタンをクリックしたときに押される(凹む)アクションを付ける方法とその仕組みについて説明します。 以下のようなボタンです。 凹むボタン WordPressでボタンを設置する方法については以前書いたので、参考にしてください。 ...
HTML&CSS

【HTMLとCSSでボタンデザイン】マウスをのせたときにボタンのデザインを変化させる方法

今回はマウスをのせたときにボタンのデザインを変化させる方法について書いていきます。 前回はWordPressにおいてボタンリンクを設置する方法を書いたのですが、それとは少し違う方法となります。 (⇒「【WordPressでボタン...
HTML&CSS

【WordPressでボタンリンク設置】HTML&CSSを使ったボタンのつくり方(プラグインなしver.)

ホームページ・Webページ作成をしているとボタンを作りたいと思ったことありませんか。 例えば 動画を見る こんな感じのボタンの様なデザインのことです。 さらにこのボタンを押したら指定したページに行くことができるように...
HTML&CSS

【Webサイトを作る・デザインする】HTML・CSSを勉強する方法!

練習 といった具合に色を塗ったり 練習 こんなふうに影を付けたり、角を丸くしたりも。 練習 さらにさらに!カーソルを合わせたときにマウスのポインターが変わって、よりボタンっぽくなりました!(クリックしてみてください!) ...