One-Element Graphical CSS Borders

Back in the day, if you wanted to put decorative borders around a chunk of text you did it using tables. Then, CSS came along and people devised clever ways to apply graphical borders to DIV tags without tables. However, I have never seen a technique that didn’t involve extraneous non-semantic tags (”inner”, “outer”, or what not). Well, until now that is. Here’s a neat trick, straight from W3C, for adding graphical borders (using five separate graphics) to a single CSS element. Cool!

Leave a Reply