CSSサンプル集
.center {
margin-left:auto;
margin-right:auto;
text-align:center;
}
.blockcenter {
margin-left:auto;
margin-right:auto;
} /* ブロックレベル要素のみのセンタリング */
.inlinecenter {
text-align:center;
} /* インライン要素のみのセンタリング */
.equation { background-color:#ffffff; } // 数式の背景を白色にする。
.layer {
position:absolute; // 絶対座標の指定
background-color:transparent; // 透明の指定
left:0; top:0;
}
.blue { color:#0000ff } /* 文字色をblueに */
.green { color:#008000; } /* 文字色をgreenに */
.orange { color:#ffa500; } /* 文字色をorangeに */
.red { color:#ff0000; } /* 文字色をredに */
.purple { color:#800080; } /* 文字色をpurpleに */
.yellow { color:#ffff00; } /* 文字色をyellowに */
.blackcyan {
background-color:#000000; /* 背景色をblackに */
color:#00ffff; /* 文字色をcyanに */
}
.blackmagenta {
background-color:#000000; /* 背景色をblackに */
color:#ff00ff; /* 文字色をmagentaに */
}
.blacklime {
background-color:#000000; /* 背景色をblackに */
color:#00ff00; /* 文字色をlimeに */
}
.blackorange {
background-color:#000000; /* 背景色をblackに */
color:#ffa500; /* 文字色をorangeに */
}
.blackred {
background-color:#000000; /* 背景色をblackに */
color:#ff0000; /* 文字色をredに */
}
.blackyellow {
background-color:#000000; /* 背景色をblackに */
color:#ffff00; /* 文字色をyellowに */
}
span.whitered {
background-color:#ffffff; /* 背景色をwhiteに */
color:#ff0000; /* 文字色をredに */
}
span.whitegreen {
background-color:#ffffff; /* 背景色をwhiteに */
color:#008000; /* 文字色をgreenに */
}
span.whiteblue {
background-color:#ffffff; /* 背景色をwhiteに */
color:#0000ff; /* 文字色をblueに */
}
span.whitepurple {
background-color:#ffffff; /* 背景色をwhiteに */
color:#800080; /* 文字色をpurpleに */
}
span.whitecyan {
background-color:#ffffff; /* 背景色をwhiteに */
color:#00ffff; /* 文字色をcyanに */
}
span.whitemaroon {
background-color:#ffffff; /* 背景色をwhiteに */
color:#800000; /* 文字色をmaroonに */
}