7、HTML样式 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title style="background-color: aqua">Title</title>
</head>

<!--
HTML 的 style 属性：
作用:提供了一种改变所有 HTML 元素的样式的通用方法。

HTML 样式实例 - 背景颜色
    background-color 属性为元素定义了背景颜色，如：tyle="background-color: aqua"

HTML 样式实例 - 字体、颜色和尺寸
    font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸
    注意：多个属性之间用分号隔开

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

<body style="background-color: aquamarine">
<h1 style="background-color: coral">标题1的背景颜色是coral</h1>
<p style="background-color: cornsilk">第一段的颜色是cornsilk</p>

<p style="font-family: 黑体;color: deepskyblue;font-size: 20px">第二段的字体是黑体，颜色是deepskyblue，尺寸是20px。</p>

<h2 style="text-align: center">标题2，里面有几个段落呢,标题二居中显示</h2>
<p>段落一</p>
</body>
</html>
posted @ 2023-01-09 00:30  啃苹果的猪  阅读(4)  评论(0)    收藏  举报