Create rounded corners in CSS easily with Spiffy Box


	Create rounded corners in CSS easily with Spiffy Box

VampireRat

10-14-2007 7:30 AM

648 views

tags:

web development, html, css, web page code

VampireRat says:

This one is for my friends who are web developers.

Go directly to the Spiffy Box page with this link: http://spiffybox.com/

By the way, for web developers, they sure have selected an unreadable tiny font and color combination.

Add a Comment

Login to Comment. Not a member yet? Sign up

View the Top Clips from October 14, 2007

Embed This Clip In Your Site...

<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/1ff6beeb-35e6-4093-a4d8-24c2d699b62a/6FADE03A-F0C7-4145-881B-E150575086D3/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://www.downloadsquad.com/2007/10/11/creating-corners-in-css-the-easy-way-with-spiffy-box/" href="http://www.downloadsquad.com/2007/10/11/creating-corners-in-css-the-easy-way-with-spiffy-box/" style="font-size: 11px;">www.downloadsquad.com</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.downloadsquad.com/2007/10/11/creating-corners-in-css-the-easy-way-with-spiffy-box/">There are easy ways to create webpage layouts, and there are hard ways. Spiffy Box is one of the easy ways to add a little spice to your website using CSS.</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.downloadsquad.com/2007/10/11/creating-corners-in-css-the-easy-way-with-spiffy-box/"><A href="http://spiffybox.com">Spiffy Box</A> was originally created as <A href="http://www.spiffycorners.com/">Spiffy Corners</A>, a web based way to easily create and grab custom CSS and HTML code for rounded corner web content boxes without using images or JavaScript. It eventually moved on to its current user friendly four step process over at Spiffy Box, which uses an image for corners. Users generate the code by simply choosing an image width, height, corner radius, foreground, border and background colors. Steps two and three give you a preview of your new spiffy corner, and the CSS snippet to copy and paste. Step four provides the xhtml to add into our document and, poof; You have a soft, round CSS cornered box.</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.downloadsquad.com/2007/10/11/creating-corners-in-css-the-easy-way-with-spiffy-box/"><div align="center"><img src="http://content6.clipmarks.com/blog_cache/www.downloadsquad.com/img/E2FBCAA6-1D41-4221-ABEC-90BD6CD446C7" alt="Creating corners in CSS the easy way, with Spiffy Box" /></div></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/6FADE03A-F0C7-4145-881B-E150575086D3/blog/" title="blog or email this clip"><img src="http://content7.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>

Clipmarks: Home; New Clips; Top Clips; Dashboard

Popular Topics: News; Life; Science; Technology; Entertainment

Get Started: Sign Up; Install Clipping Tool; How Clipping Works; Clip-to-Blog™; ClipSearch

Tools and Resources: FAQ; ClipWeek; Top Clippers; Top Tags; Site Map

About Clipmarks: About Us; Contact; Blog; Copyright; Privacy; EULA

Search Options

Related Clips

More clips from VampireRat

Today's Top Clips