Archives: CSS Tricks
Return to the archives.
- Page 1 of 1 pages
April 2004
- CSS Trick: Defining Link Styles
- Most people, when they define their link styles in CSS use something like this: a { } a:hover { } a:visited { } That will work most of the time, but there are drawbacks. First drawback is that if you use named anchors in your …
March 2004
- CSS Trick: Drop Shadows
- The always-useful A List Apart has a nice article up right now regarding drop shadows. It covers how to use them with images as well as other types of page elements (paragraphs, blockquotes, whatever). The nice part here is that it takes minimal extra markup …
February 2004
- CSS Trick: Image Indicators with Links
- When you visit my site with a modern browser (Mozilla, FireFox, Safari, etc. but not Internet Explorer) you’ll notice that there are small graphical indicators on the left side of many links in the weblog entries. These indicators are meant to let you know with …
- CSS Trick: Highlight Links on Entry Hover
- This :CSS: trick is pretty simple to implement, but it’s difficult to describe. First, what I’m talking about: if you use a good browser (in other words, not Internet Explorer) when you move your mouse over this entry area/box, you should see any links in …
- CSS Trick: Paragraph Indenting
- Here’s another simple :CSS: trick: automatically indenting paragraphs like I have in my entries. It’s really simple to indent all your paragraphs: p { text-indent: 1.2em; } That code will simply indent every paragraph on your site. You’ll notice here, though, that the first paragraph …
- CSS Trick: Drop-Caps
- People over in the pMachine Forums ask how to create “drop-caps” on their pages fairly frequently. Typically, most people achieve the effect by placing a tag around the letter they want styled. Something like this: It was the best of times, it was the worst …
- Page 1 of 1 pages
Return to the archives.