HTML_07 —— style属性和样式

最新推荐文章于 2025-09-15 19:55:57 发布

原创最新推荐文章于 2025-09-15 19:55:57 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

Html 专栏收录该内容

19 篇文章

订阅专栏

本文详细介绍了如何使用HTML内联样式来设置网页元素的背景颜色、字体、大小、颜色及对齐方式，通过实例展示了不同样式的应用效果。

背景颜色：<h1 style="background-color:pink"> 设置了标题的背景颜色是pink </h1>
字体：<h2 style="font-family:'Comic Sans MS', cursive"> 设置了标题二的字体是嘿嘿嘿</h2>
字体大小：<h3 style="font-size:9px">设置了字体大小</h3>
字体颜色：<h4 style="color:#3F9">设置了字体的颜色</h4>
文本对齐方式：<h5 style="text-align:center" >设置了文本居中对齐</h5>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>肥肥大梅子</title>
</head>

<body>
<h1 style="background-color:pink">  设置了标题的颜色是pink </h1>
<h2 style="font-family:'Comic Sans MS', cursive"> 设置了标题二的字体是嘿嘿嘿</h2>
<h3 style="font-size:9px">设置了字体大小</h3>
<h4 style="color:#3F9">设置了字体的颜色</h4>
<h5 style="text-align:center" >设置了文本居中对齐</h5>
</body>
</html>