m0_73848082 2022-10-24 11:32 采纳率: 66.7%
浏览 24
已结题

html同时使用margin与padding

如何同时使用margin与padding去实现具有可控大小背景色块的标题

img

  • 写回答

2条回答 默认 最新

  • 经海路大白狗 领域专家: 前端开发技术领域 2022-10-24 12:28
    关注

    div用padding 然后里面再套一个div，里面这个用margin

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

报告相同问题？

  • margin,padding综合运用，用途：适合新手学习
    2022-07-20 20:55
    前端新手网页练习，内容关键词:H5，HTML5，CSS，技术关键词：div,margin,padding，用途：一个完整的页面代码，包含css样式，适合新手学习。html+css实现简单网页效果源码，尚且没有复杂的后台，给前端新手学习之用。
  • 【CSS 面经】margin 和 padding 的使用场景
    2024-12-13 20:35
    Peter-Lu的博客 特性marginpadding作用范围元素与元素之间的间距元素内容与边框之间的间距是否影响相邻影响不影响折叠行为外边距折叠不会折叠。
  • 前端布局Padding、Border、Margin、Position关系
    2024-07-28 14:20
    STZ程序猿的博客 Padding（内边距，绿色区域）内边距是内容区域与边框之间的空间。分别设置边框的宽度、样式和颜色。外边距是边框与其他元素之间的空间。Margin（外边距，橙色区域）一次性设置四个方向的外边距。
  • margin和padding的使用
    2023-03-06 21:43
    环游一周的博客 margin和padding的用法及区别
  • HTML中padding和margin的区别
    2024-08-01 10:36
    INGLSH的博客 作用对象padding作用于元素内容与边框之间，而margin作用于元素边框与其相邻元素之间。影响尺寸padding会增加元素的总尺寸，而margin不会。视觉效果padding会使内容远离边框，而margin会使元素远离其他元素。
  • 前端学习笔记之margin、padding、border
    2022-03-02 10:41
    HJHAlone的博客 上下两个盒子同时设置margin-bottom=20px和margin-top=20px，会被折叠，实际效果两个盒子间距只有20px 左右两个盒子同时设置margin-right=20px和margin-left=20px，实际效果两个盒子间距有40px 1）父子之间的...
  • Padding 和 Margin 的区别详解
    2024-07-09 15:07
    秦JaccLink的博客 padding属性用于设置元素内容与其边框之间的间距。换句话说，padding是元素内部的...换句话说，margin是元素外部的空间，它位于元素边框与其他元素之间。margin同样可以应用于元素的四个边，也可以分别设置每个边的值。
  • 关于TCPDF 使用HTML 中的margin和padding 失效问题
    2022-04-30 09:00
    树下水月的博客 最近有使用PHP生成PDF的场景，但目前发现 使用writeHTML 存入一个HTML时，无论是使用行内样式还是使用style标签进行定义，其margin和padding 都没有什么用处 我主要是table 里面嵌入div 对其进行parding和margin的...
  • margin与padding的区别
    2021-12-14 00:15
    wanyuwenrou的博客 margin，是其容器与其父容器的距离，也可以是同级元素的距离，也叫外边距。打个比喻，父容器是一间教室，子容器是教室里的座椅，通过margin改变座椅相对于教室的距离。也可以改变自己相对于其他座椅的距离。这里的...
  • margin 与 padding 区别
    2022-08-25 22:35
    Yaxyy的博客 html 属性的区别
  • 前端——margin和padding的使用
    2018-09-21 13:30
    一只野生饭卡丘的博客 今天学盒模型，学了两个最重要的元素：margin和padding。 盒模型是布局中至关重要的一个东西，基本上只要掌握了盒模型，布局就没有大碍。而margin和padding作为盒模型里面极其重要的两个元素，弄懂这两个东西，就...
  • HTML中margin、padding和border的区别
    2016-11-25 15:06
    青梅煮码的博客 前端页面是需要给用户展示信息的，是离不开布局的，但是各个标签也不会挤在一起，有的标签距离很远有的很近，有的还有边框，这就需要调试出来了，其中margin、padding和border就是HTML中最常用的边框调试属性了。...
  • CSS中margin和padding属性的区别
    2022-06-24 01:56
    BeichenLiu.Polaris的博客 在CSS中，margin和padding两个属性都可以调整位置，因此比较容易混淆。这篇文章详细分析两者的不同，希望对学习CSS的朋友有帮助。padding的作用是调整当前元素内容(例如文本内容)在元素中的位置。默认内容应该是紧贴...
  • 没有解决我的问题, 去提问

问题事件

  • 已结题 （查看结题原因） 10月28日
  • 已采纳回答 10月28日
  • 创建了问题 10月24日