HTML <style>标签
HTML <style>标签作用
HTML <style>标签用于
更改或添加现有HTML元素上的样式。每个HTML元素都有一个默认样式,例如背景颜色是白色,文本颜色是黑色等。
style属性可以与任何HTML标签一起使用。要将样式应用于HTML标签,您应该具有CSS属性的基本知识,例如颜色,背景色,文本对齐,字体系列,字体大小等。
<style>属性的语法如下:
HTML <style>颜色
color属性用于定义文本颜色。
我们看一个简单的示例,通过< b> css的颜色属性。
<h3 style="color:green">这是绿色</h3>
<h3 style="color:red">这是红色</h3>
输出:
这是绿色
这是红色
HTML<style>的背景颜色
background-color属性用于定义HTML标签的背景颜色。
让我们看看通过CSS
background-color属性 设置html标签样式的示例
<h3 style="background-color:yellow;">这是黄色背景</h3>
<h3 style="background-color:red;color:white">这是红色背景</h3>
输出:
这是黄色背景
这是红色背景
HTML<style>字体系列
font-family属性指定HTML标签的字体系列。
让我们看一下样式示例html标签,由CSS
font-family属性
<h3 style="font-family:times new roman">这是新的罗马字体</h3>
<p style="font-family:arial">这是arial字体</p>
输出:
这是新的罗马字体
这是arial字体
HTML样式的字体大小
font-size属性用于定义HTML标签的文本大小。
让我们看看
font-size属性的示例
<h3 style="font-size:200%">这是200%h3标签</h3>
<p style="font-size:200%">这是200% p标签</p>
输出:
这是200%h3标签
这是200% p标签
HTML样式的文本对齐方式
text-align属性用于定义HTML元素的水平文本对齐方式。
让我们看看通过CSS
text-align属性 设置html标签样式的示例
<h3 style="text-align:right;background-color:pink;">此文本位于右侧</h3>
<p style="text-align:center;background-color:pink;">此文本位于中心侧</p>
如果要将标题放在中心或左边,请分别使用" text-align:center" 或 "text-align:left"。
输出:
此文本位于右侧
此文本位于中心侧
注意: HTML5不支持<center>标签,旧版本的HTML支持该标签。
支持浏览器
如果您想进一步了解HTML样式,可以在CSS教程中阅读。