準備課題CSS11〜13

CSS

【CSS11】

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>Box and Margin</title>
<style type="text/css">
<!--
p{
	margin:100px,100px;
	width:420px;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
	background-color:#009fff;
}
-->
</style>
	
</head>
<body>
<p>BOX and MARGIN<br>
この領域はボックスといいます。テキストなどのコンテンツ内容を表示する領域です。マージンはこのボックスの余白のことをいいます。
</p>
</body>
</html>

【CSS12】

この場合、リセットはしない
左右均等空き（上下空きは指定しない）

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>Box and Margin</title>
<style type="text/css">
<!--
p{
	margin:0 , 20px;
	width:300px;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
	background-color:#009fff;
	border:solid 5px #ffe000;
	
}
</style>
	
</head>
<body>
<p>BOX and MARGIN<br>
この領域はボックスといいます。テキストなどのコンテンツ内容を表示する領域です。マージンはこのボックスの余白のことをいいます。
</p>
</body>
</head>


【CSS13】

>|html||





BOX



BOX

この領域はボックスといいます。テキストなどのコンテンツ内容を表示する領域です。マージンはこのボックスの余白のことをいいます。

|