未分類 [CSS]クラス名に空白を含むとどういう意味？
次のようにクラス名に空白が含まれるものがあります。これはクラス名 abc と def の２つを持つという意味になります。 class="abc def" このクラスにスタイルを設定するときは次のように．（ピリオド）に続けたクラス名を２つ空...
CSS
未分類 未分類 [CSS]いちぶを隠します
CSSを使用してHTMLの一部分をかくすことができます。 display: none; 状況にあわせて内容を表示するのに使えるかもしれませんね。
未分類 [CSS]文字の太さを設定します
つぎのようにすると文字を太字にすることができます。本当は細かく太さを設定できるのですが、実際には普通と太字しか表示できないようです。 font-weight: bold; /* 太字 */ font-weight: normal; /* 標...
未分類 [CSS]色を設定します
CSSで色を指定できるところは、文字色（color:）、背景色（background-color:）、枠の色（border-color:）があります。 カミュプリィのホームページではみかん色（#F08300）やあんず色（#F7B977）を多...
未分類 [CSS]CSS・スタイルの書きかた
タグのなかにstyle="設定"と書く方法、<html>の<head>内に<style>～</style>と書く方法、別のファイルに書いて<html>の<head>内に<link rel="stylesheet" href="ファイル名.c...
未分類 [CSS]リストの後ろを隠す・開く
長いリストのうしろのほうを隠しておき、ボタンが押されたら開くようにします。 ↓ボタンが押されると展開します。 HTML <div class="cp_box"> <input id="cp01" type="checkbox"> <lab...
未分類 [CSS]タブのように等間隔で横並び
カミュプリィのホームページの上部にある『ホーム』『ウェブ』『維持』『ついて』の４つのタブを等間隔で並べています。 HTML <div class="menu"> <div class="current"><a href="./index.h...
未分類 [CSS]左寄せ・右寄せで横に並べます
カミュプリィのホームページの上部にある『カミュプリィ』は左寄せ、『個人情報保護方針』は右寄せになっています。 HTML <div class="top"> <div class="commuply"><a href="./index.htm...