Метод 1: встроенные стили

<p >Your text here</p>

Метод 2: внутренний CSS

<style>
  .red-underline {
    text-decoration: underline;
    color: red;
  }
</style>
<p class="red-underline">Your text here</p>

Метод 3: внешний CSS
Создайте отдельный файл CSS (например, styles.css) со следующим кодом:

.red-underline {
  text-decoration: underline;
  color: red;
}

Затем свяжите файл CSS с вашим HTML-документом:

<link rel="stylesheet" href="styles.css">
<p class="red-underline">Your text here</p>

Метод 4: JavaScript

<p id="red-underline">Your text here</p>
<script>
  var element = document.getElementById("red-underline");
  element.style.textDecoration = "underline";
  element.style.color = "red";
</script>

Метод 5: jQuery
Убедитесь, что в ваш HTML-документ включена библиотека jQuery:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

Затем вы можете использовать следующий код:

<p id="red-underline">Your text here</p>
<script>
  $(document).ready(function() {
    $("#red-underline").css({
      "text-decoration": "underline",
      "color": "red"
    });
  });
</script>