課題:情報処理実習3B(Web)

課題

07.css_box/box.html

表示

作成例
元ファイル

ソース


<!DOCTYPE html>
<html lang="ja">
<head>
   <meta charset="UTF-8" />
   <title>CSSボックス</title>
   <style>
figure{
    border:1px black solid;
}
.a{
    border:5px red solid;
}

.b{
    border-top:5px blue dotted;
}
   </style>
</head>
<body>
<h1>CSSボックス</h1>
<article>
<h2>基本問題</h2>
<figure>
<div class="a">div classA</div>
<span class="a">span classA</span>
<div class="b">div classB</div>
</figure>
</article>
</body>
</html>