首页 > 其他分享 >CSS设置边距

CSS设置边距

时间:2022-11-29 15:46:20浏览次数:37  
标签:元素 padding HTML 边距 设置 内边 border CSS 属性

1.内边距

所有的 ​HTML ​元素基本都是以矩形为基础。

每个 HTML 元素周围的矩形空间由三个重要的属性来控制:

padding(内边距)

margin(外边距)

border(边框)

 

padding​控制着元素内容与​border​之间的空隙大小。

margin​(外边距)属性控制元素的边框与其他元素之间的距离。

 

 

不需要每次都要分别声明 ​padding-top​,​padding-right​,​padding-bottom​和​padding-left​属性,

也可以把它们汇总在​padding​属性里面声明,如下:

这四个值按顺时针排序:上,右,下,左,并且设置的效果等同于特定声明每一个方向的padding

 

标签:元素,padding,HTML,边距,设置,内边,border,CSS,属性
From: https://www.cnblogs.com/joyspace/p/16935542.html

相关文章

  • 下载vscode并设置中文
    下载vscode下载地址:https://code.visualstudio.com/一路安装,选择在桌面创建快捷方式双击打开设置中文商店搜索Chinese下载ctrl+shift+p搜索configuredis......
  • 双向认证接口(ssl加密)使用fiddler工具抓取+如何设置jmeter
    一、Fiddler抓包加密(ssl)接口粗略记录下项目接口加密后的操作 1、ios手机    1、PC端安装开发或运维提供的证书(一般有xxx.cer和xxx.p12);    2、iO......
  • 【快应用】背景图片设置gif不生效
    ​现象描述在快应用中使用background-image加载gif图片当做背景图,背景图片是静止的 实现方式用stack组件作为image组件的父节点,然后再用div覆盖在image上,在div中设置......
  • vue3-vite下tailwindcss安装与配置
    初始化TailwindCSS安装Tailwind以及其它依赖项:npminstall-Dtailwindcss@latestpostcss@latestautoprefixer@latest一、创建您的配置文件接下来,生成您的 t......
  • vue3-vite下配置postcss-pxtorem进行移动端适配
    如果使用Vue进行移动端页面的开发,需要对不同机型的宽高进行适配。最常用的方法是使用amfe-flexable和postcss-pxtorem这两个插件来帮助进行适配。amfe-flexableamfe-flex......
  • 【CSS】609- 改善CSS的10种最佳做法
    CSS似乎是一种非常简单的语言,很难在其中犯错误。你只需添加样式规则,就可以对网站进行样式设置了,对吗?对于只需要几个CSS文件的小型网站,情况可能就是这样。但是在大型应用程序......
  • ZYNQ的MIO与EMIO中断设置流程——Vivado2018.3
    MIO与EMIO在各bank的分布根据官方手册可以看到MIO分布在BANK0与BANK1有54个,而EMIO分布在BANK2与BANK3有64个。中断系统的介绍根据官方手册的GIC中断控制器的系统级块......
  • 2022年鲜为人知的CSS 特性了解起来~
    前言随着CSS的不断发展,一些很酷且有用的属性要么完全被忽视,要么由于某种原因不像其他常见属性那样被开发者熟练应用。这篇文章我们将一起学习那些CSS中陌生但非常有用的CS......
  • JS数据劫持 之 Proxy设置代理
    1、简介数据劫持,指的是在访问或者修改对象的某个属性时,通过一段代码拦截这个行为,进行额外的操作或者修改返回结果。经典的应用是Vue双向数据绑定。常见的数据劫持实现方......
  • CSS伪类使用详解
    基本描述CSS伪类是很常用的功能,主要应用于选择器的关键字,用来改变被选择元素的特殊状态下的样式。伪类类似于普通CSS类的用法,是对CSS选择器的一种扩展,增强选择器的功能。......