Crazy CSS Underline Effects

Check out these crazy CSS underline effects:

Double Underline Effects! (via u.double class)

Alternate Double Underline! (via .altdouble class)

Triple Underline Effects! (via u.triple class)

CSS Code

Here is the CSS corresponding to each of the previous examples.

/* -- double underline -- */
u.double {
	border-bottom: 1px solid;
}

/* alternate double */
.altdouble {
	border-bottom: 3px double;
	line-height: 1.7em;
}

/* -- triple threat -- */
u.triple {
	border-bottom: 3px double;
	line-height: 1.9em;
}

Notes

if these examples do not display correctly with the current theme, click here to see an example.