如上图,padding值是复合属性按照顺时针(上右下做)顺序,其中padding的内边距影响盒子大小的实际宽高
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .wrap{width: 200px;height: 200px; background-color:red;/* padding: 10px; *//* padding: 10px 20px; *//* padding: 10px 20px 30px; */padding: 10px 20px 30px 40px;} </style> </head> <body> <div class="wrap"></div> </body> </html>
如上代码所示,如何才能保证盒子的实际宽高不变,需要从中减去添加的padding值!
到此这篇关于详解css盒子模型之内边距padding及简写的文章就介绍到这了,更多相关css盒子模型内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!
使用CSS也好久了,但一直都是在使用px来设置Web元素的相关属性,未敢使用em。主...
对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white...
1.青春就像一场烟火,美得让人窒息,却也短暂到让人落泪。 2.怎知我用一转身离...
这句话起什么作用 ? 复制代码 代码如下: link rel="shortcut icon" href="/favi...
1.HTML概述 1.HTML:超文本标记语言。是一种标识性语言,非编程语言,不能使用逻...
在某些特殊的情况下,比如做一个导航菜单的时候,出现这个情况时效果就很糟糕了...
您的应用是否提供了这样的 Service,当触发某些操作时,作为回调它会启动另一个...
1.怎知我用一转身离开的你,竟要用一辈子来忘记。 2.有的故事,从一开始,就注...
命令简介 mpstat(Multi-Processor Statistics) 命令用于显示各个可用CPU的状态...
网制作网页的时候,需要选择男女,所以需要添加下拉菜单,今天我们就来看看dw制...