Learn Cool HTML Codes
Your one stop source for HTML coding!
Cool Text Effect to Create A Logo
This HTML code adds a background color to some text using CSS to create a cool and unique effect.
Example:
My Cool Logo Text
Cool HTML Code:
<p style="color: #CCCCCC;"><font size="5"><b>My Cool <span style="background: #CCCCCC; color: #000000; padding: 5px 5px 5px 5px;">Logo Text</span></b></font></p>
How to create a highlighter effect
This HTML code allows you to highlight text within a paragraph as if you marked with with a highlighter marker. This is great when you want to draw attention to special parts of your site.
Example:
If you have some special test in your website you can mark with with a Hi-Lighter to draw attention to it.
Cool HTML Code:
If you have some <span style="background-color:yellow">special test</span> in your website you can mark with with a <span style="background-color:yellow">Hi-Lighter</span> to draw attention to it.
Cool Shadow Text Effect
This HTML code adds a drop shadow to some text, using CSS to create a cool and unique effect.
Example:
Very Cool Shadowed Text
Cool HTML Code:
<link rel="stylesheet" type="text/css" href="http://coolhtmlcodes.s3.amazonaws.com/public/shadows.css" />
<style type="text/css">
#shadow_1:before {
content: 'YOUR TEXT HERE';
}
</style>
<p class='shadow' id='shadow_1'>YOUR TEXT HERE</p>
<style type="text/css">
#shadow_1:before {
content: 'YOUR TEXT HERE';
}
</style>
<p class='shadow' id='shadow_1'>YOUR TEXT HERE</p>
Click To Learn More Cool HTML Codes
