HTML学习笔记（三）_background-color:green;font-family:arial;color:red-CSDN博客

本文链接：https://blog.csdn.net/cjt794138599/article/details/78725459

1.HTML 样式实例 - 背景颜色
background-color 属性为元素定义了背景颜色：
<html>

<body style="background-color:yellow">
<h2 style="background-color:red">This is a heading</h2>
<p style="background-color:green">This is a paragraph.</p>
</body>

</html>

特别注意，此处修改了底纹颜色

2.HTML 样式实例 - 字体、颜色和尺寸
font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸：
<html>

<body>
<h1 style="font-family:verdana">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
<p style = "font-family:arial;color:green;font-size:30px">I need programm.</p>

</body>

</html>

3.HTML 样式实例 - 文本对齐
text-align 属性规定了元素中文本的水平对齐方式：

<html>
<body>

<h1 style="text-align:center">This is a heading</h1>
<p>上面的标题相对于页面居中对齐。</p>

<h2 style = "text=align:right">This is a difficult time.</h2>
<p style = "text-align:center;font-size:15px;font-family:verdanr;color:yellow">我不知道这件事情到底怎么办。</p>

</body>
</html>