发表于: 2016-04-01 22:13:18

1 1708


到今天终于刷了一遍HMTL和CSS,但前面的大多又记不起来,

回头看任务1,用自己的记忆,自己的想的方法做了一遍,代码如下:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" charset="utf-8">
<title>九宫格</title>
<style type="text/css">
div{width:100px; height: 100px; background: #ffff00;
border: 1px solid #cccccc;


}
.k1{
display: inline-block;
border-radius:15px;
}
.k2 {
display: inline-block;
border-radius:15px;
}
.k3{
display: inline-block;
border-radius:15px;
}
</style>
</head>

<body>
<div class="k1"> </div>

<div class="k1"> </div>

<div class="k1"> </div>
<br />

<div class="k2"> </div>

<div class="k2"> </div>

<div class="k2"> </div>
<br />
<div class="k3"> </div>

<div class="k3"> </div>

<div class="k3"> </div>
</body>
</html>

不知道这样方法是对是错,用自己的想法写的,

准备复习下,再看一个完成编制过程,再学习新的知识。


返回列表 返回列表
评论

    分享到