About Posh CSS
Posh CSS is a collection of Cascading Style Sheet Articles, Tutorials, Tips and Code snippets for the modern day web designer.
Browse the site
Submit a link
Have you written or read a great resource relating to CSS that we are not linking to yet? Let us know.
Browse our Archives
Get in touch
Have a question or just want to drop us a line? Contact Us →
Latest CSS Related Links
One pixel notched corners as used by Google Analytics
An interesting method to create notched corners on a box by using nested tags instead of images. Not the most graceful method, but it works and looks good.
Pretty Up Your Forms with CSS
Let’s face it: form elements au naturel are NOT pretty. So what do we do with them? We add a border thickness here, a border color there, leaving the whole thing largely unchanged. And still ugly. Time to change that.
HR Image Replacement with CSS
Code to replace a HR tag with an image that works cross browser.
A CSS Block Navigation Menu
A short tutorial on how to create a two level block navigation with title and description above and below.
HTML image no preload rollovers
CSS rollovers for HTML images without javascript which will save on load time.
Auto-Cropping Rounded Corners
I know, I know. What this world really needs is a new rounded corners solution. With CSS3 support right around the corner (ha, right), why bother, right? Well, this solution offers something new to the world of rounded corners. What it does is this: it crops the content below it, so that anything with a background color or image (headers, paragraphs, even images) automatically get the rounded corner treatment with no extra work.
Forward thinking image copyrighting
Derek Powazek recently described a method of cleverly hiding a copyright message embedded in the image itself by using it as a background on a div and clipping the message at the bottom. However, There are some drawbacks regarding semantics and users without CSS. Kilian has found a way to use just an image tag and some CSS.
Liquid expandable section with rounded corners using CSS
This tutorial explains how to design a nice liquid expandable section with rounded corners (top-left, top-right, bottom-left, bottom-right) using some lines of CSS, HTML code.


