前端字体颜色设白色(css设置字体为白色)

编写一个html代码要求: 背景颜色为蓝色 字体颜色为白色

在body中加入background: blue; color: #fff;样式就可以使整个页面都是这样的效果了。

!DOCTYPE html

html

head

meta charset=\”utf-8\” /

title/title

/head

body style=\”background: blue; color: #fff;\”

/body

p背景颜色为蓝色 ,字体颜色为白色/p

/html

html怎么设置字体颜色

HTML主要是用来写页面布局的,过程中经常需要设置页面某些字体的颜色,通常有三种常见方式可以进行自定义设置:

1、通过外部CSS样式来设置。可以在head标签中增加style样式,在body中的其他标签,如h1,p,div等开始标签中,增加class=\”上述style中定义的名称,如blue\”即可。代码实现如下:

2、通过内部CSS样式来设置。在body中的其他标签,如h1,p,div等开始标签中,增加style=\”color:white;font-size:25px;\”即可。代码实现如下:

3、通过font标签来设置。在body中其他标签内容中,增加font标签来设置字体颜色和大小,如color=\”yellow\” size=\”5\”。需要注意的是,size的最大值是7,并且设置字体颜色和大小都是用等号赋值,前两种CSS样式是通过英文的冒号来赋值。代码实现如下:

HTML网页上定义字体大小有常见三种单位,分别是:px、em、pt。

1、px是pixel缩写,是基于像素的单位.在浏览网页过程中,屏幕上的文字、图片等会随屏幕的分辨率变化而变化,一个100px宽度大小的图片,在800×600分辨率下,要占屏幕宽度的1/8,但在1024×768下,则只占约1/10。所以如果在定义字体大小时,使用px作为单位,那一旦用户改变显示器分辨率从800到1024,用户实际看到的文字就要变“小”(自然长度单位),甚至会看不清,影响浏览。

2、em即%,是相对单位,是一个相对长度单位,最初是指字母M的宽度,故名em。现指的是字符宽度的倍数,用法类似百分比,如:0.8em, 1.2em,2em等。通常1em=16px。,一般用来测量长度的通用单位(例如元素周转的页边空白和填充),当用于指定字体大小时,em单位是指父元素的字体大小。

3、pt是point(磅)缩写,是一种固定长度的度量单位,大小为1/72英寸。如果在web上使用pt做单位的文字,字体的大小在不同屏幕(同样分辨率)下一样,这样可能会对排版有影响,但在Word中使用pt相当方便。因为使用Word主要目的都不是为了屏幕浏览,而是输出打印。当打印到实体时,pt作为一个自然长度单位就方便实用了:比如Word中普通的文档都用“宋体 9pt”,标题用“黑体 16pt”等等,无论电脑怎么设置,打印出来永远就是这么大。

参考资料

百度百科:HTML

CSS设置文章字体颜色为白色?

!DOCTYPE html

html lang=\”en\”

head

meta charset=\”UTF-8\”

title景安/title

style type=\”text/css\”

     .zzidc{color: white;background: red;width: 200px;height: 100px;}

/style

/head

body

div class=\”zzidc\”设置字体白色/div

/body

/html

css中,可以使用color属性来设置文章的颜色

HTML设置字体的背景色

可以用background属性设置字体的背景色。

1、新建HTML文档,在body标签中添加span标签,这时字体的默认背景颜色为白色:

2、在head标签中添加style标签,定义一个“bg”类,为这个类设置“background”属性,属性值为背景色:

3、为span标签添加“class”属性,属性值为之前定义的“bg”类,这时网页的字体背景色就被添加上去了:

如何把字体设为白色呢?

1、打开Word文档,按Ctrl+A全选文字

2、点击开始,展开颜色,选择灰色,可以把字体设置为灰色,不想要灰色,可以选择其他任意颜色

0

评论0