如何实现不带文字，只显示红框的效果

首页课程实战体系课手记专栏慕课教程

如何实现不带文字，只显示红框的效果

来源：2-2 编程练习

CastleYeager

2021-02-06 13:07:30

问题描述：示意图中是不带文字，只有红框的效果。但是自己实验时发现不在div中加一些文字就显示不出红框，请问该如何解决？

相关截图：

相关代码：

  <!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type='text/css'>
    div{
        background-color:red;
        position:absolute;
        left:50%;
        width:50px;
        height:50px;
        margin-left:-25px;
        margin-top:20px;
    }
  </style>
</head>
<body>
<div class="div1">xixi</div>
</body>
</html>