时间戳

首页 > 解决方案 > 基本的html！我想在我的页面上添加一个黑框

html - 基本的html！我想在我的页面上添加一个黑框

问题描述

我是编码新手。我想在我的页面上添加一个框。盒子必须居中我该怎么办？

我确实尝试了该代码，但无法正常工作。

在此处输入图像描述

.panel{
    
    background-color: #FF2D00;
    border-radius: 10px;
    height: 25.625em;
    left: 5em;
    position: absolute;
    top: 50%;   
} 

<div id="panel"></div>

标签： htmlcss

解决方案

你需要给你的元素一个宽度，并在你的 html 中使用一个类属性。

.panel{ 
    background-color: #FF2D00;
    border-radius: 10px;
    height: 100px;
    width: 100px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) 
} 
<div class="panel"></div>

推荐阅读