html中div标签怎么用？_随笔

div现在一般网页的布局都是使用的div+css来布局，div的话，就是通过。

<div>

</div>

div的嵌套使用来完成整个网页的布局，你可以将div理解成一个一个的块，然后在div块中写入P等等标签，然后再通过CSS来修饰就行了，如高度，宽度，背景。

<div style="background:#f60"><span>usemen:</span><input type="text" style="border:1px solid #cccwidth:200pxheight:20px" ></div>

div设置外边框相关如下：

border-color:#000设置4边边框颜色为黑色；

border-color:+颜色值，即可设置对象边框颜色；

border-left-color:#000 设置左边框颜色为黑色；

border-right-color:#000 设置右边框颜色为黑色；

border-top-color:#000 设置上边框颜色为黑色；

border-bottom-color:#000 设置下边框颜色为黑色；

条件：必须设置对象边框存在，设置边框宽度必须大于或等于1px，边框颜色才会显示并有存在意义。

.divcss5{ border-style:solidborder-width:1pxborder-color:#000}

这样就设置对象边框为实线边框，参数就是solid，边框宽度（厚度）为1px，边框颜色为黑色，这样设置边框颜色才会生效。

<div class="..." id="..." align="..."></div>是插入一个模块。

其中class="..." id="..." 是标记，具体看你怎么设置的，比如做有三个模块，那么class="..." id="..." 就等于你其中的一个。

align="..." 是置放这个模块的位置，一般有center,right,left,bottom这几个属性。

<p></p>是段落标记，区分段。

下面是简单的HTML例子：

<html>

<head>

</head>

<p><font size="6">这里已经是下一段但它还是遵循DIV的居中属性</p>

</div>

</body>

</html>

运行下代码你就看见效果了。

<div></div>插入一个显示HTML的模块。<p></p>是一个段落，可以在HTML的<body></body>标签里随便插入。

欢迎分享，转载请注明来源：内存溢出

html中div标签怎么用？