p标签的css样式,html中p标签的css

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

如何在css中让div中的P标签居中，

1、首先新建一个html文件，命名为test.html，在test.html文件内，在div内，使用p标签创建一行文字，用于测试。

2、然后在test.html文件内，设置div标签的class属性为mydiv。

3、接着在css标签内，通过class设置div标签的样式，定义它宽度为200px，高度为100px，背景颜色为灰色。

4、在css标签内，再使用text-align属性设置div里面内容的居中方式，例如，这时设置为center居中方式。

5、最后在浏览器打开test.html文件，查看实现的效果，在css中让div中的P标签居中就完成了。

相关问答

Q1: 如何根据P标签字数，从而附加不同的css样式

!DOCTYPE html

html

head

meta charset="utf-8"/

title/title

script src="引入你的jQuery"/script

style

display:block;

background-color:#ff6600;

margin:0px;

padding:10px 0;

color:#fff;

}

/style

script

$(document).ready(function(){

var index=$("p").length;

for(var i=0;iindex;i++){

var count=$("p").eq(i).html().length;

$("p").eq(i).css("opacity",""+count/10);

}

});

/script

/head

body

pe/p

pex/p

pexp/p

pexpl/p

pexplo/p

pexplos/p

pexplosi/p

pexplosio/p

pexplosion/p

/body

/html

Q2: 在有多个p标签怎么单独定义每个p标签里面的CSS属性，使用外部样式表？

在有多个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}

Q3: css中怎么给多个p标签改变样式？

很简单，css样式表中直接写就可以了。例如:

p {

font-size: 18px

}

那么凡事引入了这个样式表的css页面中，所有的p标签下的文字字号都是18像素。

当然也可以用添加类名或id重写样式，来覆盖p标签的样式。

Q4: 使用内嵌式css技术设置p段落为红色字体

参考以下方法

新建一个html文件，命名为test.html，用于讲解如何引用css外部样式来改变html中的p标签颜色。在test.html文件内，使用p标签创建一行文字，设置p标签的class属性为mypp，下面将使用css样式对该行文字进行设置。在test.html文件内，编写标签，页面的css样式将写在该标签内。

在css标签内，对p标签的样式进行设置，定义其文字颜色（color）为红色（red）。

创建一个css文件夹，在文件夹内创建一个index.css文件，在文件内，使用color属性重新定义p标签颜色，颜色更改为蓝色（blue）。

在test.html文件内，使用link标签载入css文件夹下的index.css文件，href属性为css文件的路径地址。在浏览器打开test.html文件，查看实现的效果。

Q5: 怎样写css控制p标签的样式？

!--首先说明一下你这段代码错误之处//

看你写的代码应该是上面图片下面文字介绍//

从语义化的来讲P是个段落,结构应该这样写//--

style type="text/css"

#txtimg p {

font-size:14px;

font-family:Arial, Helvetica, sans-serif;

color:#F00;