“HTML样式”的版本间差异
本页内容
(创建页面,内容为“style属性用于向元素添加样式,例如颜色、字体、大小等。 <sample title="" desc="" hererun="s1"> <!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> </sample> == 样式属性 == <syntaxhighlight lang="python" l…”) |
无编辑摘要 |
||
第1行: | 第1行: | ||
[[Category:HTML教程|7]] | |||
style 属性用于向元素添加样式,例如颜色、字体、大小等。 | |||
<sample title="" desc="" hererun="s1"> | <sample title="" desc="" hererun="s1"> |
2022年8月3日 (三) 17:51的最新版本
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>