HTML样式

本页内容
上一节: HTML段落 下一节: HTML文本格式

style 属性用于向元素添加样式,例如颜色、字体、大小等。


示例

<!DOCTYPE html>
<html>
<body>

<p>正常,https://www.xiaobai.wang </p>
<p style="color:red;">红色,https://www.xiaobai.wang </p>
<p style="color:blue;">蓝色,https://www.xiaobai.wang </p>
<p style="font-size:50px;">大号字体,https://www.xiaobai.wang </p>

</body>
</html>

样式属性

<标签名 style="属性:值;">

属性是一个 CSS 属性。是一个 CSS 值。


背景颜色

CSS background-color 属性定义 HTML 元素的背景颜色。

示例

将页面的背景颜色设置为粉蓝色:

<body style="background-color:powderblue;">

<h1>大标题</h1>
<p>段落1,https://www.xiaobai.wang</p>

</body>

文字颜色

CSS color 属性定义 HTML 元素的文本颜色:


示例

<h1 style="color:blue;">大标题</h1>
<p style="color:red;">段落</p>

字体

CSS font-family属性定义用于 HTML 元素的字体:

示例

<!DOCTYPE html>
<html>
<body>

<h1 style="font-family:宋体;">标题1</h1>
<p style="font-family:雅黑;">段落</p>

</body>
</html>

字体大小

CSS font-size属性定义 HTML 元素的文本大小:


示例

<h1 style="font-size:300%;">标题</h1>
<p style="font-size:160%;">段落</p>

文本对齐

CSS text-align属性定义 HTML 元素的水平文本对齐方式:

示例

<h1 style="text-align:center;">居中标题</h1>
<p style="text-align:right;">居右段落</p>
上一节: HTML段落 下一节: HTML文本格式
此页面最后编辑于2022年8月3日 (星期三) 17:51。