html5设置外部盒子宽820px,上下边距10px?

p和p之间的距离远近可以通过外边距来设置 margin： 10px 5px； /* 设置上下边距10px，左右边距5px*/举个例子 创建HTML元素 p我是第一段呀我是第一段。/pp我是第二段呀我是第二段啊我还是第二段。

成都创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于网站建设、成都网站制作、甘南网络推广、成都小程序开发、甘南网络营销、甘南企业策划、甘南品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联公司为所有大学生创业者提供甘南建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com

padding： 10px 10px； 第一个10px表示上下内边距。第二个10px表示左右内边距。padding：10px 20px 30px 40px； 对应的分别是上右下左，上边距是10px，右边距是20px，下边距是30px，左边距是40px。

margin：10px 0 10px 0，可以合并写为margin：10px 0。margin属性的顺序对应 上 右 下 左，你可以这样记，顺时针从上开始对应4个属性。当上下或者左右相同时可以合并简写。4个都相同时可以写一个。

块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。注释：允许使用负值。

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的button标签中，加入样式代码：style=width： 200px；height： 80px；。

外框（border）外边距（margin）box的宽高可以用 width和heigh t来设置 注意，width和height只是设置盒子内容区大小，而不是盒子的整个大小，盒子可见框的大小由内容区，内边距和边框共同决定。

HTML5+CSS——11盒子模型-边框、内边距、外边距

1、盒子模型：把 HTML 页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。

2、作用： CSS 围绕这些盒子产生了一种“盒子模型”概念，通过定义一系列与盒子相关的属性，可以极大地 丰富 和 促进 各个盒子乃至整个 HTML 文档的 表现效果和布局结构 。

3、盒子模型用于处理元素的内容、内边距、边框和外边距的方式简称。元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。

4、其实你要理解内边距、外边距，首先要理解盒子模型（Box Model，也称为框模型）。想象你要显示的内容（element）被一个盒子包围住，这个盒子除了长和宽（height和width）之外，还有边框（border）。

如何利用HTML5和CSS3设置四边边框border边界线

1、border这个位置可选border：四边边框，border-top：顶部边框，类似还有border-left/right/button。宽度即为边框宽度。

2、最简单的用 横竖线可以用hr实现 还有border，outline 配合新属性border-image 可以做边框环绕，其他复杂线条可以用 canvas svg 画出。宁外用table和 多栏布局 也可以做出边线效果。

3、外框（border）外边距（margin）box的宽高可以用 width和heigh t来设置 注意，width和height只是设置盒子内容区大小，而不是盒子的整个大小，盒子可见框的大小由内容区，内边距和边框共同决定。

4、新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。

HTML5移动网页的设计稿尺寸应该是多少?

1、H5的尺寸一般设计为640x1136px 既满足了显示需求，又能降低用户加载图片需要的带宽。可以用各种分辨率的移动智能手机查看我们设计的H5页面时，当然，也会出现如下的情况，内容显示不全，甚至一些重要内容和按钮都会被遮挡。

2、pc端网版页的设计稿尺寸是宽度1920px，高度最小是1080px，主体内容在权1200px内就行，比较规范。移动端网页的设计尺寸可以考虑680px和720px。

3、网页设计合适页面尺寸：800*600下，网页页面宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

4、网页设计选用的分辨率是72像素，使用的画布尺寸1920px*1080px。但是并不意味着在整个画布上进行设计，一般采用全屏展示和两侧留白的方式。全屏展示，是整个网站看起来大气一些，但是布局要合理安排，不然看起来有些傻大的感觉。

5、网页设计标准尺寸：800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

6、手机端网页就没有统一标准了，比较流行的做法是按照iPhone 5的尺寸来设计。倍率2，逻辑像素320x568。 这样的做法比较实在，倍率2的屏幕无论在iOS还是Android方面都是主流，而且又是2倍屏幕中逻辑像素最小的。

在html中如何设置复选框checkbox的大小

1、打开网页开发工具，新建一个HTML文件。编写HTML：表单复选框。编写CSS：复选框的样式。编写CSS部分：复选框选中后的样式。最好打开浏览器预览效果，满意保存即可。

2、checkbox那个框的样子是不会变大的，但触发区域可以通过你设置width height样式变大。对那个框样子不满意的话，可以将它透明度设为0，下面放一个样式中意的div，这样能够做到看上去是在点击那个div。

3、首先选择【开发工具】-【插入】-【表单控件】- 选择【复选框】按钮。用鼠标画出一个复选框，如下图：在复选框上点击鼠标右键，选择【设置控件格式】进一步设置。

4、用label标签包裹起来就可以。或者 你给复选框 文字都写一个左浮动。

文章名称：html5边框尺寸 html边框长度怎么设置
URL链接：http://scyanting.com/article/diesgos.html