- 您好！欢迎来到鲲鹏知舟
HTML <style> 样式标签
HTML style用于更改或添加现有 HTML 元素的样式。每个 HTML 元素都有一个默认样式，例如背景颜色为白色，文本颜色为黑色等。
style 属性可以与任何 HTML 标签一起使用。要在 HTML 标签上应用样式，您应该具备 css 属性的基本知识，例如颜色、背景颜色、文本对齐、字体系列、字体大小等。
style 属性的语法如下：
style= "property:value"
style定义内部样式
<style type="text/css"></style>
HTML 样式颜色
color 属性用于定义文本颜色。
让我们看一个通过css的color 属性设置html 标签样式的简单示例。
<!DOCTYPE html> <html> <body> <h3 style="color:green">这是绿色</h3> <h3 style="color:red">这是红色</h3> </body> </html>
输出：
这是绿色
这是红色
HTML 样式背景色
background-color 属性用于定义 HTML 标签的背景颜色。
让我们看一个通过 css background-color 属性设置html 标签样式的例子
输出：
这是黄色背景
这是红色背景
HTML 样式字体系列
font-family 属性指定 HTML 标签的字体系列。
让我们看一个通过 css font-family 属性设置html 标签样式的例子
<!DOCTYPE html> <html> <body> <h3 style="background-color:yellow;">这是黄色背景</h3> <h3 style="background-color:red;color:white">这是红色背景</h3> </body> </html>
输出：
这是黄色背景
这是红色背景
HTML 样式字体系列
font-family 属性指定 HTML 标签的字体系列。
让我们看一个通过 css font-family 属性设置html 标签样式的例子
<!DOCTYPE html> <html> <body> <h3 style="font-family:times new roman">这是时代新的罗马字体系列</h3> <p style="font-family:arial">这是 arial 字体系列</p> </body> </html>
输出：
这是时代新的罗马字体系列
这是 arial 字体系列
HTML 样式字体大小
font-size 属性用于定义 HTML 标签的文本大小。
让我们看一个font-size 属性的例子
<!DOCTYPE html> <html> <body> <h3 style="font-size:200%">这是200% h3标签</h3> <p style="font-size:200%">这是200% p标签</p> </body> </html>
输出：
这是 200% h3 标签
这是 200% p 标签
HTML 样式文本对齐
text-align 属性用于定义 HTML 元素的水平文本对齐方式。
让我们看一个通过 css text-align 属性设置html 标签样式的例子
<!DOCTYPE html> <html> <body> <h3 style="text-align:right;background-color:pink;">此文字位于右侧</h3> <p style="text-align:center;background-color:pink;">此文字位于中心侧</p> </body> </html>
如果要将标题放在中心或左侧，请分别使用“text-align:center”或“text-align:left”。
输出：
此文本位于右侧
此文本位于中心侧
HTML5 不支持旧版 HTML 支持的 <center> 标签。
支持浏览器
| 元素 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <style> | Yes | Yes | Yes | Yes | Yes |
-
使用社交账号登录,本站支持
全部评论(0)