html字体背景颜色不随字体长度变化

html-css011

html字体背景颜色不随字体长度变化,第1张

1.首先,在HTML网页上写一些测试词。

2.然后在网页上预览文本的初始字体效果。颜色是黑色的,尺寸比较小。

3.因为测试文本在body标签中,所以我们只需要在body标签上设置css属性。

4.我们可以使用字体族来设置HTML网页的字体类型。比如这里我设置为“中国楷书”。

5.我们来看看人物的变化效果。字变成了中国楷书,比原来好看多了。

6.那么颜色可以改变文字的颜色。比如我设置为红色,表示红色。

7.这样,文字的颜色就会从黑色变成红色。

8.font-size可以设置文本的大小。我设置为38px,就是38px的意思。

9.最后,我们来看看。文本变得比以前大了很多。这样,我们就可以设置HTML文本的类型、颜色和大小。

一、设置字体的颜色

直接用font语句对字体颜色进行设置即可,具体命令如下所示:

设置“我是红色”为红色字体,输入命令如下:

<p><font color="red">我是红色</font></p>

更改上述命令中的color颜色即可更改字体颜色

二、设置字体的背景颜色

设置背景颜色为00FF66,输入命令如下:

<body bgcolor="00FF66">

更改上述命令中的bgcolor即可更改背景颜色

参考资料

HTML中基本元素基本设置.CSDN[引用时间2018-1-9]

具体意义如下:

<html>   //html标志

<body style="background-color:PowderBlue">  主体样式 ——背景颜色

owderBlue<h1>Look! Styles and colors</h1>  标题默认H1<p style="font-family:verdanacolor:red"> 段落样式——字体:verdana;颜色:红

This text is in Verdana and red</p> 段落内容<p style="font-family:timescolor:green"> 段落样式——字体:times;颜色:绿

This text is in Times and green</p>段落内容<p style="font-size:30px">This text is 30 pixels high</p> 段落样式——字体大小:30%</body> 主体结束

</html> HTML结束

拓展资料:

超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点------就是一种URL指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。

由此可见,网页的本质就是HTML,通过结合使用其他的Web技术(如:脚本语言、CGI、组件等),可以创造出功能强大的网页。因而,HTML是Web编程的基础,也就是说万维网是建立在超文本基础之上的。