In this tutorial I am going to show you how to highlight text on your website.
1- specific words or, 2- paragraphs with various background colors.
This way, you will be able to create highlighted boxes with important text inside or even buttons!

I'm going to show you how to do that by using inline CSS styling code in your text editor.


The first step in this tutorial will be to introduce you to a color tool , the Color picker. You could just go ahead and google it or click directly on this link. https://www.w3schools.com/colors/colors_picker.asp


What a color picker does, is help you find any color nuance that you like.
It provides you with a hexadecimal color code for each color you choose. We are going to use this code when writing our code.


So lets start coding :)


Click on Next page to learn how to highlight specific words in a paragraph.







Join the Discussion
Write something…
Recent messages
Chrissies Premium
Many thanks for this Athanasia :)
Reply
Athanasia Premium
You're welcome Chrissie :)
Reply
SadieChan Premium
Thanks, Great training.
Reply
Athanasia Premium
My pleasure Sadie :)
Reply
GautamWorld Premium
Useful information. Thank you, Athanasia!
Reply
Athanasia Premium
You're welcome Gautam :)
Reply
reanna1 Premium
Thank you so much, Athanasia!
Reply
Athanasia Premium
You're very welcome Reanna :)
Reply
jvranjes Premium
This is very useful. I use these color blocks a lot. Have problems with tables but it works somehow. No idea if this is well accepted by readers or not. Do you know more?
Reply
Athanasia Premium
Thank you Jovo :)

If it's well accepted by readers?
Well it depends on how you use it. Everything matters; the colors, where you will place it, if the content inside of the box needs to be highlighted etc.
A website can have a bad or good user experience and that depends on many things.
Here is an interesting article about user experience
https://www.usertesting.com/blog/2015/09/16/what-is-ux-design-15-user-experience-experts-weigh-in/
Reply
jvranjes Premium
Obviously very hard to find an answer.
Reply
Athanasia Premium
yes lol
Reply
Top