<!DOCTYPE html>
<html>
<head>
<title>HTML 样式示例</title>
<style>
/* 内部样式表 */
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
color: #333;
}
h1 {
color: #0066cc;
}
p {
font-size: 16px;
line-height: 1.5;
}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落,用于展示 HTML 样式的应用。</p>
</body>
</html>
<style>
标签:在 <head>
部分使用 <style>
标签定义内部样式表。这些样式将应用于整个 HTML 文档。body
样式:设置了页面的字体、背景颜色和文本颜色。h1
样式:设置了标题的颜色为蓝色 (#0066cc
)。p
样式:设置了段落的字体大小和行高,使文本更易读。如果你需要进一步了解或有其他问题,请告诉我!
上一篇:html input type
下一篇:html设置背景图片
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站