CSS中的那个P是什么意思啊?

html-css018

CSS中的那个P是什么意思啊?,第1张

<p>...</p>(中间的省略号代表内容),这是P标签,是段落的意思,也就是说,你用了这个标签后,里面的内容会在网页里显示成独立一段,你可以在Dreamweaver的设计器里对想独立成段的文字按一个回车,你就会在CSS代码中看到<p></p>标签~

一般出现挨着的两条线,是因为左右或者上下2个标签都带有边框导致的,只要取消其中一个标签与另一个标签相邻那边的边框就可以了。

以左右相邻为例:

HTML代码:

<p>我是左边</p>

<p>我是右边</p>

CSS代码:

p{

    float: left

    width: 200px

    height: 200px

    line-height: 200px

    text-align: center

    border:1px solid #ccc

}

p:first-child{

    /* 将第一个p标签,也就是左边的P标签的右边框设置为none。 */

    border-right: none 

}

浏览效果:

从运行结果可以看出,由于将左边的P标签右边框设置为none,2个标签左右相邻处就只有一个边框咯。