HTML网页制作制作盒子，帮您查询到 ，方法如下html创建盒子1创建盒子先在body中创建div在 head中写入style2编辑盒子添加盒子宽度 打开页面查看效果 刚才没编辑宽度的时候 宽度是页面的100% 现在编辑后 明显看到已经有了。

制作html盒子有多种方式，比如说可以用divpspan标签等等，只要给它们盒子样式，比如说宽width，高height，边框border等等这样就可以看到一个盒子。

先用div标签搞两个盒子，设置为行内样式，displayinlineblock，然后设置float浮动，最后设置position定位属性为absolute。

让我们看一下该如何实现立体盒子的效果吧，然后，我们将会给大家展示一些很好的例子准备先准备好你的页面和图片，我们使用这张图片我们简单的将HTML写成这样 ltp id=quotcontainerquot ltimg id=quotlogoquot src=quotlogopngquot。

首先新建一个html页面，然后在这个html代码页面创建一个ltdiv标签，同时给这个ltdiv添加一个class类为footer2然后设置footer类，把div固定在底部创建ltstyle标签，在该标签内设置通过position fixedbottom0设置。

用DIV+CSS设计思路是这样的 1用div来定义语义结构2然后用CSS来美化网页，如加入背景线条边框对齐属性等3最后在这个CSS定义的盒子内加上内容，如文字图片等没有表现属性的标签，下面大家跟我一起来做一。

ltdiv呗，设置css属性。

1直接用记事本打开编辑右击你想编辑的网页，从打开方式菜单里选择用记事本打开，然后你就可以直接编辑更改相关html代码了2用一些编辑软件进行编辑，再打开方式里选择你想要用来编辑的软件，打开就可以编辑啦。

负边距lt！DOCTYPE htmllthtml lthead ltmeta charset=quotUTF8quot lttitle负边距lttitle ltstyle type=quottextcssquot * margin 0 padding 0 #div1 width 780px。

solid #F00 ltstyle lthead ltbody ltdiv class=quotboxquotltdiv ltbody lthtml 这就是一个简单的div盒子，盒子就是所谓的一个个div，N个DIV组成的就是HTML网页具体的你需要看一些相关书籍学习一下。

CSS 盒子模型 CSS 盒子模型Box Model所有HTML元素可以看作盒子，在CSS中，quotbox modelquot这一术语是用来设计和布局时使用CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括边距，边框，填充，和实际内容盒模型。

lt！doctype htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitlediv变颜色lttitleltstyle#imagewidth200pxheight200pxbackgroundcolor#cccptextindent2empadding10pxltstyleltheadlt。

安照你的图片做了代码不过不知道你宽度要多少，就用了个100%自适应，你可以自己调整一下 lttable width=quot100%quot border=quot1quot cellspacing=quot0quot cellpadding=quot0quot lttr ltth colspan=quot2quot scope=quotcolquot ltth lt。

我想做成的效果如图1，实际效果如图2，使用的下面代码，小白一个，代码是由残缺代码拼凑，求帮助lt！DOCTYPEhtmlPUBLICquotW3CDTDXHTML10TransitionalENquotquot我想。

用html编辑网页原理利用div+css来布局，用css样式控制和美化前端页面，用js或者jq或者css3实现动态效果整合这些组成一个网页用html编辑网页根据div布局，css设置div盒子的宽高边框，边距，颜色背景颜色文字大小。

因为在b，c，d类样式中都设置了float，a样式和超链接没有，同时在a类样式中有没有指定高度，你在a样式中添加一个高度再看看，它的高度应该是b，c，d这些块高度的和100px + 100px + 200px。

你能具体说下你的要求吗，你说的太模糊不清了。