1、首先我们用div这个区域来显示一个段落文字，来看看具体代码如下：<html> <head> <title>div各种应用</title> <style type="text/css"> </style> </head> <body> <div> <p>我是div文件</p> </div> </body></html>可以看到如下图的执行效果，其实这里我们看到的效果不是很明显，具体如下图。
3、现在我们来设置div的边距，边框线，具体的代码如下：<html> <head> <title>div各种应用</title> <style type="text/css"> #contion{ background:orange; padding:20px; border: 1px solid red; } </style> </head> <body> <div id="contion"> <strong>我是div文件</strong> </div> <strong>我是P文件</strong> </body></html>可以看到如下图的执行效果，加了一个边框。
5、现在我在继续给字子div设置样式，具体的代码如下：<html> <head> <title>div各种应用</title> &造婷用痃lt;style type="text/css"> #contion{ background:orange; padding:20px; border: 1px solid red; } .box{ background:blue; padding:20px; border: 1px solid red; } </style> </head> <body> <div id="contion"> <strong>我是div文件</strong> <div class="box">我是子div</div> <div class="box">我是子div1</div> </div> </body></html>可以看到子div的执行效果图。
