<!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 修改参数即可