首页 > 其他分享 >14 盒子模型

14 盒子模型

时间:2023-09-19 21:14:40浏览次数:33  
标签:盒子 14 登录 border 模型 margin

盒子模型:
margin:外边距
border:边框
pading:内边距
元素本身

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>盒子模型</title>
  <style>
    body{
      margin: 0 0 0 0;
    }
    #d1{
      width: 300px;
      border: #32c735 solid 5px;
    }
    #登录{
      font-size: 30px;
    }
    #d2{
      background: orange;
    }
    /*margin:外边距
    margin:0 0 0 0 顺时针:上右下左
    */
    span:nth-child(1){
      margin: 0 0 0 0;
      padding: 0 0 0 0 ;
    }

  </style>
</head>
<body>
<div id="d1">
  <span id="登录">登录</span>
  <div id="d2">
    <form action="">
      <span>账号</span>
      <input type="text"><br>
      <span>密码</span>
      <input type="text">
    </form>
  </div>

</div>

</body>
</html>

标签:盒子,14,登录,border,模型,margin
From: https://www.cnblogs.com/zhanjianhai/p/17715793.html

相关文章

  • nVisual模型创建
    一、 什么是nVisual模型nVisual的模型是物理设备经过美工绘制后建立在系统内的数字孪生体,模型库包含了节点图标、设备板卡模型、线缆模型和链路模型。在系统内增加某种类型的机柜或设备,都需要先增加该种类型的模型,才能根据模型生成实体对象。二、 如何在nVisual中创建模型2.1 ......
  • Text2Cypher:大语言模型驱动的图查询生成
    话接上文《图技术在LLM下的应用:知识图谱驱动的大语言模型LlamaIndex》同大家简单介绍过LLM和图、知识图谱相关的结合,现在我来和大家分享下最新的成果。毕竟,从GPT-3开始展现出超出预期的“理解能力“开始,我一直在做Graph+LLM技术组合、互补的研究、探索和分享,截止到现......
  • Text2Cypher:大语言模型驱动的图查询生成
    话接上文《图技术在LLM下的应用:知识图谱驱动的大语言模型LlamaIndex》同大家简单介绍过LLM和图、知识图谱相关的结合,现在我来和大家分享下最新的成果。毕竟,从GPT-3开始展现出超出预期的“理解能力“开始,我一直在做Graph+LLM技术组合、互补的研究、探索和分享,截止到......
  • Educational Codeforces Round 143
    A.TwoTowers#include<bits/stdc++.h>usingnamespacestd;#defineintlonglong#definempmake_pairusingpii=pair<int,int>;usingvi=vector<int>;constexprintinf=1e18;voidsolve(){intn,m,cnt=0;stringa,......
  • 114. 二叉树展开为链表
    给你二叉树的根结点root,请你将它展开为一个单链表:展开后的单链表应该同样使用TreeNode,其中right子指针指向链表中下一个结点,而左子指针始终为null。展开后的单链表应该与二叉树先序遍历顺序相同。示例1:输入:root=[1,2,5,3,4,null,6]输出:[1,null,2,null,3,null,......
  • 【Vue】大悟!MVVM模型
    hello,我是小索奇,精心制作的Vue教程持续更新哈,想要学习&巩固&避坑就一起学习叭~MVVM模型Vue虽然没有完全遵循MVVM模型,但Vue的设计也收到了它的启发在文档中也会使用VM(ViewModel的缩写)这个变量名表示Vue实例(Vue作者参考了MVVM模型,并非其创建的)img模型说明M:模型Model-对应data中的数......
  • 最小二乘法求解线性回归模型
    ✅作者简介:热爱科研的算法开发者,Python、Matlab项目可交流、沟通、学习。......
  • 14_RTOS介绍
    RTOS介绍概念RTOS:实时操作系统RTOS提供的事件驱动型设计方式,使得RTOS只是在处理实际任务时才会运行,这能够更合理的利用CPU。在实际项目中,如果程序等待一个超时事件,传统的无RTOS情况下,要么在原地一直等待而不能执行其它任务,要么使用复杂(相对RTOS提供的任务机制而言)的......
  • face_net模型转换为libtorch的心得
    Facenetdemo:https://www.cnblogs.com/muyisun/p/13338098.html如果要转为libtorch可调用,应该使用torch.jit中的script或trace。script会保留一些控制流,trace则会擦除。可以使用.code查看过程。torch_trace_model=torch.jit.script(model,input)#scripttraceprint(torch_......
  • Go每日一库之14:dig
    简介今天我们来介绍Go语言的一个依赖注入(DI)库——dig。dig是uber开源的库。Java依赖注入的库有很多,相信即使不是做Java开发的童鞋也听过大名鼎鼎的Spring。相比庞大的Spring,dig很小巧,实现和使用都比较简洁。快速使用第三方库需要先安装,由于我们的示例中使用了前面介......