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>