CSSDIV怎么做出来鼠标移动上就显示其内容？

用css伪类hover可以实现这个功能。

1、新建html文档，在body标签中添加一个div标签，然后在div标签中添加p标签，为p标签添加内容：

2、为了方便演示，给div标签设置宽高和背景颜色，然后给p标签设置“display”属性，属性值为“none”，这样p标签中的文字默认情况下不会显示：

3、给div设置hover伪类，当鼠标移动到div区域时，设置p标签的样式为块级元素“block”：

4、这样当鼠标移动到div上时就会显示p标签内容，鼠标离开就不显示p标签内容：

在 html 语言中，<p>被定义为段落标记，文档中任何适用于段落的地方，都可以出现p标签，例如文档的主体、列表、表格等元素中。

p标签是一个块级元素，可CSS规定宽、高属性，代码﹤p style="width:宽度值height:高度值"﹥。

每当创建一个 p 元素，浏览器均会在段落前后添加空行。

若使用了p标签来包含段落，而没有为其设定CSS属性，那么浏览时仅仅是新起了一段，不会有其它的任何效果。

p标签属性： align 属性已不被 HTML5 所支持，以下属性均可使用CSS样式来代替，p标签支持 HTML5 中的全局属性可参考《DIV标签包含的所有属性（HTML5新增DIV属性）》这篇文章

p align="left" ：设置段落中的内容左对齐。CSS写法：p {text-align:left}

p align="right"：设置段落中的内容右对齐。CSS写法：p {text-align:right}

p align="center"：设置段落中的内容居中。CSS写法： p {text-align:center}

p align="justify"：设置段落中的文本两端对齐。CSS写法： p {text-align: justify}。

注：p align="justify"只有当元素中的文章是英文时才能见到效果，如果是中文则不会看到任何效果，若想要中文文章也看到这种效果，就需要在CSS样式中多添加一条 text-justify:inter-ideograph 属性，完整的CSS样式代码：p {text-align:justifytext-justify:inter-ideograph}

在有多个p标签单独定义每个p标签里面的CSS属性，使用外部样式表方法：

第一种：给每个P加单独的ID或者class，然后给这些ID或者CLASS写css

第二种：借助js动态给每个P加一个不同的class，然后给这些class写css

p:nth-child(0) {第一个P}

p:nth-child(1) {第二个P}

p:nth-child(2) {第三个P}

??

---