趣百科

DIV的使用详细教程以及CSS控制样式

编辑:Simone 2025-01-22 08:34:45 535 阅读

DIV的使用详细教程以及CSS控制样式

div全称是divsion,表示部分的一个元素,用

来表示的。他是定义HTML文件中的一个区域。这里我就来介绍div和子div的使用方法

首先我们用div这个区域来显示一个段落文字,来看看具体代码如下:

div各种应用

我是div文件

可以看到如下图的执行效果,其实这里我们看到的效果不是很明显,具体如下图。

这里引入了strong标签来说明问题,通过对比来说明DIV的区块的属性,具体的代码如下:

div各种应用

我是div文件

我是P文件

如下图,可以看到执行的效果,d通过设置背景颜色来说明div的背景颜色。

现在我们来设置div的边距,边框线,具体的代码如下:

div各种应用

我是div文件

我是P文件

可以看到如下图的执行效果,加了一个边框。

这里来说书添加子div,这个也是div的嵌套,具体的代码如下:

div各种应用

我是div文件

我是子div

我是P文件

在strong这个文件下面,显示了一个div的信息,具体如下图所示。

现在我在继续给字子div设置样式,具体的代码如下:

div各种应用

我是div文件

我是子div

我是子div1

可以看到子div的执行效果图。

版权声明:本站【趣百科】文章素材来源于网络或者用户投稿,未经许可不得用于商用,如转载保留本文链接:https://www.qubaik.com/life/122689.html

相关推荐