Dreamweaver TechniqueJAVA Script サンプル | CSS sample | JAVA Applet sample | Flash Sample
HTML4.0 reference | DynamicHTMLXHTML | XML sample | XSLT sample | RIKO's ASP Trial
ASP ADO リファレンス | PHP関数リファレンス | MySQL関数リファレンス

背景色の指定

■ 背景色の指定

fontプロパティで、フォント関連のプロパティの値をまとめて指定します。
サイズと行間の間は「/」で区切りますが、それ以外の値は半角スペースで区切ってください。また、値は基本的に下に示した順序で指定しますが、サイズとフォント名以外は省略することができます。

■ 作例

HTMLソース

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>背景色を指定する</title>
<style type="text/css">
<!--
body {
margin: 2em;
color: #000000;
background-color: #FFCCCC;
}
h1 {
text-align: center;
color: #006600;
background-color: #ffffcc;
}
div {
padding: 1em;
color: #000000;
background-color: #99CCCC;
}
span {
padding: 1em;
color: #CCCCCC;
background-color: #333333;
}
table, input {
color: #ffffff;
background-color: #669933;
}
caption, select {
color: #ffffff;
background-color: #000099;
}
textarea {
color: #000000;
background-color: #CCCCFF;
}
-->
</style>
</head>
<body onLoad="MM_preloadImages('../assets/images/btn_tec02.gif')">
<p align="center"><img src="../assets/images/csslogo.gif" width="364" height="39">
</p>
<h1>h1要素</h1>
<p><span>
スタイルシートを使用すると、さまざまな要素の背景色を自由に設定することができます。
</span></p>
<div>
<table border="2" cellpadding="8">
<caption>table要素</caption>
<tr><th>ヘッダセル</th><th>ヘッダセル</th><th>ヘッダセル</th></tr>
<tr><td>データセル</td><td>データセル</td><td>データセル</td></tr>
</table>
<p>
<textarea rows="4" cols="50">textarea要素</textarea>
</p>
<p>
<input type="text" value="input要素">
<input type="checkbox" name="chk" checked>
<input type="checkbox" name="chk">
<input type="radio" name="rdo" checked>
<input type="radio" name="rdo">
<select>
<option>select要素</option>
<option>option要素</option>
</select>
<input type="button" value="button">
</p>
</div>
</body>

</html>

<<<戻る

R HOUSE | RIKO's Trial Page | Shirley's Pettit Case | Shirley's i-box | Shirley's little box | CSS Trial