How to change marquee text color in html

Written by charisse esmeralde
  • Share
  • Tweet
  • Share
  • Email

Scrolling marquees are a fun way to enhance the overall visual appeal of your webpage. Including one literally adds visual movement to any webpage. Though having some knowledge for writing HTML codes is helpful, you do not need an extensive understanding to add fun marquees to your webpage. You can also customise each marquee by changing the direction and speed, as well as font size and colours. You can even add a background colour to your marquee to add an extra splash of colour to your webpage.

Skill level:

Other People Are Reading


  1. 1

    Highlight, copy and paste this basic HTML scrolling marquee code into your webpage in the exact spot you want your marquee to be placed:

    <marquee behavior=scroll direction="left">Type in your exciting announcement here</marquee>

    The default font colour in this code is black.

  2. 2

    Add the following tag in between the > and the word "Type" located near the beginning of the above code: <font color=red>. Then, add the </font> between the word "here" and </marquee> in the above code. This example code turns the font colour red.

  3. 3

    Refer to the link to the Hexadecimal RGB Color Chart listed in "Resources," below. Replace the word "red" in your code with the six-digit number for your chosen shade.

  4. 4

    Preview your webpage to confirm your marquee scrolls properly and that the font colour you've chosen for the text is the colour that shows up. Change font colours by switching out the six-digit number in your font colour tag, then publish your website.

Tips and warnings

  • Remember to open and close your newly added font command with tags. Otherwise, the font colour you choose will not display properly in your marquee. Each command written with HTML codes must be enclosed around these tags for it to work.

Don't Miss

  • All types
  • Articles
  • Slideshows
  • Videos
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the site, you consent to the use of cookies. For more information, please see our Cookie policy.