|
<html>
<head>
? ? <title>摆弄形状</title>
? ? <!-- 我们应该在此<head>标记中链接什么文件? -->
? ? <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
? ? <div id="container">
? ? ? ? <div id="first-row" class="row">
? ? ? ? ? ? <div class="square">1</div>
? ? ? ? ? ? <div class="circle green">2</div>
? ? ? ? ? ? <div class="square">3</div>
? ? ? ? ? ? <div class="circle fancy">4</div>
? ? ? ? ? ? <div class="circle">5</div>
? ? ? ? </div>
? ? ? ? <div id="second-row" class="row">
? ? ? ? ? ? <div class="circle"></div>
? ? ? ? ? ? <div class="square fancy"></div>
? ? ? ? ? ? <div class="circle fancy"></div>
? ? ? ? ? ? <div class="circle"></div>
? ? ? ? ? ? <div class="circle fancy green"></div>
? ? ? ? </div>
? ? ? ? <div id="third-row" class="row">
? ? ? ? ? ? <div class="circle"></div>
? ? ? ? ? ? <div class="circle green"></div>
? ? ? ? ? ? <div class="circle"></div>
? ? ? ? ? ? <div class="square fancy"></div>
? ? ? ? ? ? <div class="square"></div>
? ? ? ? </div>
? ? ? ? <div id="fourth-row" class="row">
? ? ? ? ? ? <div class="square"></div>
? ? ? ? ? ? <div class="circle"></div>
? ? ? ? ? ? <div class="circle fancy"></div>
? ? ? ? ? ? <div class="circle"></div>
? ? ? ? ? ? <div class="circle"></div>
? ? ? ? </div>
? ? ? ? <div id="fifth-row" class="row">
? ? ? ? ? ? <div class="circle"></div>
? ? ? ? ? ? <div class="circle fancy"></div>
? ? ? ? ? ? <div class="circle"></div>
? ? ? ? ? ? <div class="square"></div>
? ? ? ? ? ? <div class="circle green"></div>
? ? ? ? </div>
? ? </div>
</body>
</html>
HTML的见解
|