html给页面整体添加左右边距_css控制边界与边框示例(内边距、外边距使用方法)...

一、CSS控制边界

1、内边距

padding(内边距也叫内填充)

padding-bottom 长度/百分比元件下端边线的空隙

padding-left 长度/百分比元件左端边线的空隙

padding-right 长度/百分比元件右端边线的空隙

padding-top 长度/百分比元件上端边线的空隙

简易写法：

padding:10px 一个值表示同时控制四个方向

padding:2px 4px 两个值表示第一个值控制上下第二个值控制左右

padding:2px 6px 10px 三个值表示第一个值控制上第二个值控制右和左第三个值控制下左边找右边

padding:1px 2px 3px 4px 四个值表示每个值单独控制上右下左

2、外边距

margin(外边界) 属性介绍

margin-bottom auto 自动调整空隙长度/百分比设置下端空隙

margin-left auto 自动调整空隙长度/百分比设置左端空隙

margin-right auto 自动调整空隙长度/百分比设置右端空隙

margin-top auto 自动调整空隙长度/百分比设置上端空隙

简化方案：

margin:2px 4px

margin:2px 6px 10px

margin:1px 2px 3px 4px

复制代码代码如下:

div{

width:200px;

height:200px;

background-color:#0F0;

margin:100px;

padding:10px;

}

body{

html给页面整体添加左右边距_css控制边界与边框示例(内边距、外边距使用方法)...相关推荐

css控制边界与边框示例(内边距、外边距使用方法)
这篇文章主要介绍了css控制边界与边框示例,需要的朋友可以参考下一.CSS控制边界 1.内边距 padding(内边距也叫内填充) padding-bottom 长度/百分比元件下端边线的空隙 p ...
html给页面整体添加左右边距_css div 网页的页面边距怎么控制
展开全部块元素的之间的间距使copy用margin属性设置.bai CSS margin 属性定义和用法 margin 简写du属性在一个声明中设置zhi所有外边距属性.dao该属性可以有 1 到 ...
html给页面整体添加左右边距_HTML嵌入页面的几种方法
HTML嵌入页面的几种方法作者:wsir 发布时间:2019/12/17 21:07:10 分数:0 跟帖:0 一.应用框架技术在页面中嵌入外部页面的方法是,在页面中包含外部页面的位置插入&quo ...
html给页面整体添加左右边距_左右边距相对于页面宽度过大
在word里设置版式时,老是提示"左右边距.栏间距或我检查了,整个文档的页边距和页眉页脚都是相同的,怎么能修改版式呢? WORD文档设置A3书籍折页打印显示左右边距相对于页你直接转为PDF版 ...
html给页面整体添加左右边距_DIV CSS padding内补白(内边距)left right top bottom案例教程...
DIV CSS padding内补白(内边距)left right top bottom语法应用案例教程 Padding是比较常用CSS样式,可以利用padding内边距设置上.下.左.右对象内容与四 ...
html给页面整体添加左右边距_打印html页面时的边距
指定打印时,应使用cm或mm作为单位.使用像素将导致浏览器将其翻译成类似于它在屏幕上的外观.使用cm或mm将确保纸张上的尺寸一致. body { margin: 25mm 25mm 25mm 25mm ...
CSS边框设置以及内外边距的使用
1.边框该border属性为以下属性的简写属性.例如:border:1px solid black; border-width表示边框的粗细,可以是medium,thick等,一般使用数字加单位组合 ...
29.html-盒子边框、阴影、外边距合并
边框: border-width:用于指定边框的粗细. border-style:用于定义边框的样式. border-color:用于设置边框的颜色. ...
css内边距与外边距的区别
你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素.内联元素中的区别?什么时候该用 padding而不是margin?你知道负margin吗?你 ...

html给页面整体添加左右边距_css控制边界与边框示例(内边距、外边距使用方法)...

html给页面整体添加左右边距_css控制边界与边框示例(内边距、外边距使用方法)...相关推荐

最新文章

热门文章