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 TextVery 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>