实现HTML标记中的style属性的四种方式

作者：System 时间：2024年08月18日分类：所有,html 字数：608

在HTML中，style属性可以直接在元素上定义样式。以下是实现style属性的四种方式：




<p style="color: red;">这是一个红色的段落。</p>




<p id="myParagraph">这是一个段落。</p>
<script>
  document.getElementById("myParagraph").style.color = "red";
</script>




<style>
  .red {
    color: red;
  }
</style>
<p class="red">这是一个红色的段落。</p>




<!-- 在HTML中 -->
<p class="red-text">这是一个红色的段落。</p>
 
<!-- 在CSS文件中 -->
.red-text {
  color: red;
}

以上四种方式均可以实现HTML标签中的style属性，具体使用哪种取决于具体场景和需求。