CSSサンプル集


.center {
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.blockcenter {
  margin-left:auto;
  margin-right:auto;
} /* ブロックレベル要素のみのセンタリング */
.inlinecenter {
  text-align:center;
} /* インライン要素のみのセンタリング */

.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に */
}

Shadow Academy トップへ戻る

inserted by FC2 system