DIV+CSS基础教程.docVIP

学习制作模板一－第一个div的建立一、首先我们先写一个div层 div/div Html中任何都是相对出现的，所以就成为上面的形式，后面的那一个多一个/。 现在我们知道上面这个层，是没有任何内容，在网页中打开也没有显示。下一步就是要我们对其进行修饰一下，让其在网页中显示出来。 二、我们为div层加上一个边框，并设置一下他的宽度 div style= border:1px solid #ccc; width:30%;/div 说明：上面的样式的意思是边框＝宽度为1px；实线边框；边框颜色为灰色（你也可以用具体的颜色） 层的宽度为30% 这样这个div就有了一个形象的概念显示在我们的面前了。 三、充实内容，我们为div内添加两个一上一下的层 div style=border:1px solid #ccc; width:30%; div/div div/div /div 四、我们分别为这两个层添加样式 div style=border:1px solid #ccc; width:30%; div style= border:1px solid #fff; /div div style=padding:6px; /div /div 我们分别再介绍一下这两个样式的含义： 第一个：border:1px solid #fff：这个就不用介绍了，上面已经做了