CSS– tag –

画像を挿入してみたが、サイズが合わずデザインがあまりきれいにならない場合があると思います。そんなとき、画像自体のサイズを変更して表示する方法もありますが、HTMLとCSSの修正で表示サイズを変更する方法をご紹介します。【修正する場所】具体的にど...

CSSでドロップダウンメニューを上に開く方法をお伝えしたいですが、その前にドロップダウンを上に開くって変ですね。白い黒板みたいな感じです。黒いホワイトボードの方が近いかな？そんなことはさておき、ドロップダウンメニューを上に開きたいという需要...

前回メニューを横並びにしましたが、そのメニューに子要素があった場合の話です。例えば「カテゴリー一覧」というメニューがあって、そこにマウスカーソルを当てると下に各カテゴリーのリンク一覧がピロッって出てくるものです。これがあればメニューをシ...

HTMLは誰が設計したのかたまに思うように動かないことがあります。その1つとして画像の下に謎の余白が出来てしまう現象です。画像自体も画像の周りの要素にも margin や padding は0を設定しています。なので普通に考えたら余白なんか出来ないんです・・・...

リストというのは ul タグを使って作成したものです。それを初期状態のままブラウザで表示すると下の画像のようになります。今回はこのたて並びになったリストを横並びにしてメニューぽくしてみようと思います。【横並びにするCSS】まず、CSSを当てる前の...

HTMLとCSSはセットで勉強しないと意味が無いほど互いに依存しています。HTMLは骨格だけでデザインは出来ない。CSSはデザインできるけど骨格は作れない。今回はCSSの基礎知識と、前回作ったHTMLの骨格にちょっとしたCSSを入れてみたいと思います。【CSSとは...