Highlighting text on a page using CSS
By: Emiley J. Printer Friendly Format
Just add this code to the HEAD section of your HTML page:
<style type="text/css">
<!--
.HL {background: #ffff99;
color: #000000;}
-->
</style>
What you've done is create a CSS class, and now the table is set. To use it to highlight a passage, you could write:
<font class="HL">this is highlighted</font>
The words "this is highlighted" will have a yellow background with black text. Of course, you can change those colors to anything you want by modifying the colors in the CSS code.
Let's not stop there. OK? What about if we wanted to highlight an entire paragraph? If you don't like messing with tables, try this style tag:
<P style="background-color: FEE333";>
All of the text in the above paragraph will be highlighted in yellow-orange. To change that color, just substitute any other hex code or use a color name.
This CSS tag works in both Netscape and Internet Explorer.
Comment on this tutorial
- Data Science
- Android
- AJAX
- ASP.net
- C
- C++
- C#
- Cocoa
- Cloud Computing
- HTML5
- Java
- Javascript
- JSF
- JSP
- J2ME
- Java Beans
- EJB
- JDBC
- Linux
- Mac OS X
- iPhone
- MySQL
- Office 365
- Perl
- PHP
- Python
- Ruby
- VB.net
- Hibernate
- Struts
- SAP
- Trends
- Tech Reviews
- WebServices
- XML
- Certification
- Interview
categories
Subscribe to Tutorials
Related Tutorials
Use WinSCP to transfer log files remotely using Javascript
Verifying user input in JavaScript
Javascript to display client date and time on webpage
Getting Browser's height and width using Javascript
Highlighting text on a page using CSS
Using revealTrans to do page transitions in Javascript
Password protect a web page using Javascript
Diabling Right Click option in a browser using Javascript
Scrolling message on the status bar using Javascript
window.frames[i] in Javascript
Form validation using Javascript
Archived Comments
1. thxs
View Tutorial By: uhhhhh........... at 2009-01-19 06:55:59
2. Great CSS tutorial on highlighting. Thanks
View Tutorial By: Jerry at 2013-10-18 05:25:04