HTML标签

HTML <style>标签

HTML <style>标签作用

HTML <style>标签用于 更改或添加现有HTML元素上的样式。每个HTML元素都有一个默认样式,例如背景颜色是白色,文本颜色是黑色等。
style属性可以与任何HTML标签一起使用。要将样式应用于HTML标签,您应该具有CSS属性的基本知识,例如颜色,背景色,文本对齐,字体系列,字体大小等。
<style>属性的语法如下:
style="property:value"

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支持该标签。

支持浏览器

元素  chrome浏览器  ie浏览器  firefox浏览器 Opera浏览器  Safari浏览器
<style>
如果您想进一步了解HTML样式,可以在CSS教程中阅读。
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4