CSS-10-内边距

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <style type="text/css">
 7             /*内边距*/
 8             /*在使用设置内边距时会改变我们元素的实际大小*/
 9             /*padding:检索或设置对象四边的内部边距;*/
10             /*padding-top:检索或设置对象顶边的内部边距;*/
11             /*padding-right:检索或设置对象右边的内部边距;*/
12             /*padding-bottom:检索或设置对象的下部内边距;*/
13             /*padding-left:检索或设置对象的左部内边距;*/
14             .padding{15                 width: 200px;
16                 height: 200px;
17                 background-color: burlywood;
18                 padding: 80px;/*四条内边距都是80px*/
19
20                 line-height: 200px;
21                 text-align: center;
22             }
23         </style>
24     </head>
25     <body>
26          <div class="padding">Hello World!</div>
27     </body>
28 </html>

转载于:https://www.cnblogs.com/qinqin-me/p/11254885.html

CSS-10-内边距相关推荐

微信小程序 css边框阴影,微信小程序|CSS的内边距和圆框
本文首发于微信公众号: "算法与编程之美",欢迎关注,及时了解更多此系列文章. 问题描述在制作小程序的时候会经常用到浮动来设计各种组件的排版,微信小程序对排版的要求很高. 光有浮 ...
Css中内边距、边框和外边距的关系
CSS 框模型元素框的最内部分是实际的内容,直接包围内容的是内边距.内边距呈现了元素的背景.内边距的边缘是边框.边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素. 内边距.边框和外边 ...
微信小程序css内边距能么调,微信小程序中CSS的内边距和圆框
问题描述在制作小程序的时候会经常用到浮动来设计各种组件的排版,微信小程序对排版的要求很高.光有浮动是远远不够的,如果一个板块内的组件过多就会变得混乱.所以就需要用设置内边框来调整位置.微信小程序中会 ...
【温故知新】CSS学习笔记（盒子内边距介绍）
CSS盒子内边距这一节我们开始介绍内边距(Padding). 内边距(Padding)属性用于设置内边距,内边距是指边框与显示内容之间的距离. [例子] 默认情况下边框和内容紧挨着的: 这里我们设置 ...
026_CSS内边距
1. 元素的内边距在边框和内容区之间.控制该区域最简单的属性是padding属性. 2. CSS内边距属性 3. 所有内边距都不允许使用负值. 4. 上内边距 4.1. padding-top属性设置 ...
前端：CSS/10/伪类选择器，CSS列表属性，CSS边框属性，CSS内边距属性，CSS背景属性
CSS伪类选择器:给超链接加的样式(链接的不同状态加样式) 一个超链接,有四个状态: 正常状态(:link):鼠标没放上去之前的样式: 放上状态(:hover):鼠标放到链接上时的样式: 激活状态(: ...
CSS 框模型——规定了元素框处理元素内容、内边距、边框和外边距的方式
转自:http://www.w3school.com.cn/css/css_boxmodel.asp 要知道在父元素:float, rel, abs位置情况下,box模型的变换情况,请见:http:/ ...
CSS 内边距 padding 属性
CSS padding 属性定义元素边框与元素内容之间的空白区域. ㈠padding(填充) ⑴当元素的 padding(填充)内边距被清除时,所释放的区域将会受到元素背景颜色的填充. ⑵单独使用 p ...
php内外边距,CSS 内边距
CSS 内边距元素的内边距在边框和内容区之间.控制该区域最简单的属性是 padding 属性. CSS padding 属性定义元素边框与元素内容之间的空白区域. CSS padding 属性 CS ...
CSS 框模型元素框处理元素内容、内边距、边框和外边距的方式
CSS 框模型概述 CSS 框模型 (Box Model) 规定了元素框处理元素内容.内边距.边框和外边距的方式元素框的最内部分是实际的内容,直接包围内容的是内边距.内边距呈现了元素的背景.内边距的 ...

CSS-10-内边距

CSS-10-内边距相关推荐

最新文章

热门文章