如何在CSS的左上角制作一个div

在CSS中，我们可以通过设置元素的绝对定位以及top和left属性的值来在页面的左上角制作一个div。

下面是具体的步骤：

第1步

首先，在你的HTML文件中添加一个div元素，并设置其类名为box：

<div class="box"></div>

第2步

在CSS文件中，添加以下样式：

.box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background-color: #f00;
}

这里我们设置了position属性为absolute，使元素从正常文档流中脱离，可以使用top和left属性设置其位置。

然后我们设置top: 0和left: 0，将该元素定位在页面的左上角。

最后，我们给元素设置了一个宽度和高度，并设置了一个背景颜色，以便我们可以看到它在页面上。

完整代码

<div class="box"></div>

.box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background-color: #f00;
}

以上就是如何在CSS的左上角制作一个div了，如果需要制作其他位置的div，只需调整top和left属性的值即可。