css中怎么给多个p标签添加不同的颜色?

html-css012

css中怎么给多个p标签添加不同的颜色?,第1张

实现代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>设置边框</title>

<style>

div >p:first-child{

background-color: aqua

}

div >p:nth-child(2){

background-color: blue

color: #FFFFFF

}

div >p:nth-child(3){

background-color: coral

}

div >p:nth-child(4){

background-color: fuchsia

}

</style>

</head>

<body>

<div>

<p>A</p >

<p>B</p >

<p>C</p >

<p>D</p >

</div>

</body>

</html>

因为“background: #00FF00”后面没有添加“”符号,浏览器将“background”解析成了“background: #00FF00 font-size:80px”,所以背景和字体大小不能同时作用。

1、新建html文档,在body标签中添加一些p标签,这时网页中将会输出p标签默认的背景颜色和字体大小:

2、为p标签设置“background”属性,属性值为颜色,这时p标签的背景颜色将会变成之前设置的颜色:

3、为p标签设置“font-size”属性,属性值为字体大小,这时p标签的字体大小将会变成之前设置的字体大小:

1、首先打开hbuilder软件,新建一个html文件,里面写入3个p标签,再在style标签中设置p标签的基本样式,包括间距,字体大小等属性:

2、然后在style标签中用3种方法设置文字颜色,第一个p标签用16进制设置颜色,每两个数字为一组,最大数字为ff,它们代表红绿蓝三种颜色;第二种方法是rgba,也是红绿蓝三种颜色,只不过值变成了数字,最大为255表示颜色最鲜艳,比如把第一个设置为255就是最红:

3、第三个标签使用HSL色彩,其中H代表色调,值最大为360,0和360也是红色,其他颜色在中间;s是饱和度用百分比来表示,0%表示最暗,100%表示最亮;L表示亮度取值也是百分比;rgba和hlsa中a都表示透明度,取值在0.0到1.0之间,0.0是完全透明,1.0为完全不透明:

4、最后打开浏览器就能三种方法表示出的颜色 :

Web 怎么更改字体颜色

找到web字体的属性代码,语法:font color="#FF0000"我是红色字体/font color 修改参数即可