Styling WordPress Tags

Example:

Simple WordPress Themes

WordPress Theme Tag:

<?php if (get_the_tags()) :?>
 <p class="tags">Tags: <?php the_tags('', ' ', ''); ?></p>
<?php endif;?>

jQuery:

$('p.tags a').wrap('<span class="st_tag" />');

CSS:

			/* Tag Styles */

			p.tags {
				font: bold 13px/26px sans-serif;
			}

			p.tags span.st_tag {
				padding: 0px 0px 0px 20px;
				margin: 0;
				background: url(./images/tag_bg_l.png) no-repeat left center;
				display: inline-block;
			}
			p.tags span.st_tag a {
				text-decoration: none;
				text-shadow: #f4f4f4 1px 1px 1px;
				padding: 0px 10px 0px 2px;
				background: url(./images/tag_bg_r.png) no-repeat right center;
				display: inline-block;
			}
			p.tags span.st_tag a:hover {
				color: #333;
			}

Images:

Download Source Files