双木林791 2022-04-20 16:24 采纳率: 66.7%
浏览 86
已结题

问一下这个图片的html应该怎么写，对应的css块元素是不是不能跟着html嵌套啊

img

rt，左上第一个块里面的四个文字就不知道怎么设置位置，摸了半天没摸出来😂想问问这张图片上这样的应该怎么设置，是个什么思路啊？然后对应的css应该大概是什么样的？

然后中间那个每个文字后面有个背景方框可以写在一个盒子里吗？【捂脸】

  • 写回答

9条回答 默认 最新

  • 溪风沐雪 2022-04-20 22:03
    关注

    给个大概的框架吧，仅供参考：

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        .header {
            height: 10%;
            text-align: center;
            font-size: 50px;
            border-style: groove;
        }
        .show {
            height: 90%;
        }
        .menu {
            margin-left: 20px;
            margin-right: 20px;
            font-size: 20px;
            text-align: center;
            border-style: groove;
        }
        .content{
            height: 400px;
            width: 33%;
            float: left;
            border-style: groove;
        }
    </style>
</head>
<body>
    <div class="header">大题目</div>
    <div class="show">
        <div class="menu">导航栏</div>
        <div class="show">
            <div class="content"></div>
            <div class="content" style="border: none;"></div>
            <div class="content"></div>
            <div class="content"></div>
            <div class="content"></div>
            <div class="content"></div>
        </div>
    </div>
</body>
</html>

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(8条)

报告相同问题？

问题事件

  • 系统已结题 4月30日
  • 已采纳回答 4月22日
  • 赞助了问题酬金5元 4月20日
  • 修改了问题 4月20日
  • 展开全部

悬赏问题

  • ¥500 把面具戴到人脸上，请大家贡献智慧
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面，不要作在线的，要离线状态。
  • ¥15 各位 帮我看看如何写代码，打出来的图形要和如下图呈现的一样，急
  • ¥30 c#打开word开启修订并实时显示批注
  • ¥15 如何解决ldsc的这条报错/index error
  • ¥15 VS2022+WDK驱动开发环境
  • ¥30 关于#java#的问题，请各位专家解答！
  • ¥30 vue+element根据数据循环生成多个table，如何实现最后一列 平均分合并
  • ¥20 pcf8563时钟芯片不启振
  • ¥20 pip2.40更新pip2.43时报错