Tags are a familiar feature of many Web 2.0 services, websites and especially blogs. During this tutorial we’re going to use CSS3 to create ticket-like tags, without relying on any images.
Let’s start by first adding the markup inside the head of our document. We’ve added two style sheets: “tut.css” and “tickets.css”; You can remove the former whenever you want to implement your own work, but we’ll use it in the demo. The style sheet “tickets.css” contains all the styles that will format our tooltips. Here’s our document head markup: