text 属性的基本语法
text 属性是 <body> 标签的一个属性,用于设置文本的样式。其基本语法如下:
<body text="color font-size font-family">
其中,color 表示文本的颜色,可以使用颜色名称或十六进制值;font-size 表示文本的大小,可以使用像素值或相对值;font-family 表示文本的字体,可以使用字体名称或字体族名称。
设置文本颜色
要设置文本的颜色,可以使用颜色名称或十六进制值。例如,要将文本颜色设置为红色,可以这样写:
<body text="red">
或者使用十六进制值:
<body text="#ff0000">
设置文本大小
要设置文本的大小,可以使用像素值或相对值。例如,要将文本大小设置为 16 像素,可以这样写:
<body text="16px">
或者使用相对值,如相对于父元素的大小:
<body text="1.2em">
设置文本字体
要设置文本的字体,可以使用字体名称或字体族名称。例如,要将文本字体设置为 Arial,可以这样写:
<body text="Arial">
或者使用字体族名称,如 sans-serif:
<body text="sans-serif">
示例代码
下面是一个示例代码,演示如何同时设置文本的颜色、大小和字体:
// www.javascriptcn.com code example
<!DOCTYPE html>
<html>
<head>
<title>Body text 属性示例</title>
</head>
<body text="blue 14px Arial">
<h1>这是一个标题</h1>
<p>这是一个段落</p>
</body>
</html>在上面的示例中,我们将文本的颜色设置为蓝色,大小设置为 14 像素,字体设置为 Arial。
总结
通过 text 属性,我们可以方便地设置文本的颜色、大小、字体等样式,从而使页面内容更加美观和易读。希望本文对你有所帮助!