如何应用内联CSS

内联CSS是在一个特定的HTML元素的 “style “属性中为其编写样式。这里的样式对元素本身来说是独一无二的，而且通常会覆盖内部或外部提供的CSS。CSS被用来为网络应用中的HTML元素设置样式，我们可以通过各种方式来实现这一目的。其中一种应用自定义样式的方法是使用内联CSS。

语法

<tag_name style=”/* inline styles here */”></tag_name>

这里，”tag_name “指的是任何HTML标签的名称，而HTML标签的 “style “属性允许我们直接向元素添加内联样式。

例子1

在这个例子中，我们将使用内联CSS为 “p “标签设置样式，使其具有不同的颜色和字体风格。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>How to apply inline CSS?</title>
</head>
<body>
   <p style="color: red; font-style: oblique;">How to use inline CSS?</p>
</body>
</html>

例子2

在这个例子中，我们将使用内联的CSS为 “按钮 “标签设置样式，使其具有不同的背景颜色和字体颜色。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>How to apply inline CSS?</title>
</head>
<body>
   <h3>How to apply inline CSS?</h3>
   <button style="color: white; background-color: black;">button</button>
</body>
</html>