下面,我们在<body></body>中间添加<div></div>标签。示例代码如下:
<body><div></div></body>
我们看看效果:
啦啦啦,什么都没有!
为了让大家可以看出来不同,我们为<div>添加边框属性!
我们使用style属性为<div>添加边框,style属性里的代码就是以后在CSS中使用的代码!实际上我们已经开始接触CSS的一些内容了。具体写法的讲解大家可以看这个教程,这里不再赘述。
示例代码如下:(通过style = "border-style: solid;"可以为很多元素添加边框,就不需要大家记忆或查询不同元素的不同写法,是不是很方便!)
<div style = "border-style: solid;">
效果如图:
因为里面没有内容,所以<div>的宽度是0,因此显示的就是一条直线。下面我们向<div>中添加内容。
为了看起来花哨些,加张图片吧!