Contact Us:

CSS Tips and Tricks – CSS Only Rounded Corners (no images used)

March 28, 2010

As a web developer one of my prime responsibilities is making sure our designs and code work throughout most major internet browsers.  This to me always seemed like such the daunting task and sometimes, it still is.  I’ve moved from full table designs to the wonderful table-less designs created through CSS.  I was slow to come around but when I did, things just seemed to get cleaner and easier.

Most days have me building some simple yet effective CSS code that holds up well in IE 6, 7, 8 as well as Firefox 2 and 3.  I find that if the above browsers display my webpage correctly then the other lesser used browsers usually follow suit.  Obviously, at least me, is the inherently difficulty with getting Internet Explorer 6 to cooperate in certain areas, but alas…we web developers have a way of getting these things to work.

So, over the coming months I shall write some brief tutorials or point to some key sites containing some solid and useful CSS tips and tricks that work well in the major browsers.   If you like what you see then you’ll be able to download the code yourself and try out some of these handy CSS methods.

Rounded Corners – CSS Only, No Images

There are many tutorials out there for learning to create rounded corners.  A lot of those use JavaScript and images to do this.  While this is a great way to create some smooth rounded corners I wanted a way to do it with just CSS.

In my research I stumbled upon SpiffyCorners.com and started playing around with the code.  It’s so simple and very easy to implement.  The folks at SpiffyCorners.com have also added a color picker that actually updates the CSS code for you so you can copy and paste right into your site.

Taking their basic code I found that it would be relatively easy to build a simple layout as an example use of the code.

You can see the Example Page.

The page was tested using Litmus.com and you can view the published results.

To download the example above along with the CSS, please download it below.  All credit should go to SpiffyCorners.com.

Download Rounded Corner Demo

Partners with Industry Leading Tools

Google Analytics
Google AdWords
Pagely
SharpSpring
Google Analytics
Pagely
WSI Corp
Guide To A Top Performing Marketing Program

The Guide To A Top Performing Marketing Program for Your Business

  • A process only 20% of companies use, but you literally can't succeed without it.
  • Little-known "switch" which flips campaigns from "unprofitable" to "profitable".
  • Multiply your ROI 4x with this automatic, repeatable process.
Download This Must-Have Resource
25 Must Haves for Internet Success

25 Website ‘Must Haves’ For Increasing Your Traffic, Leads & Sales

Whether you’re looking to build your first website, or if your existing site just isn’t getting the traffic or leads you were hoping for, you may wonder what it really takes to have a great website.

Follow these guidelines and you will soon have a great website that generates traffic, leads and sales.

Download Increasing Sales Guide

Latest News

Get the latest from our blog.

Frequently Asked Questions

B2B search engine optimization (SEO) is a specific type of online marketing tactic/service that can help a website of a B2B business gain more traction in order to increase their search engine rankings on Google, Bing, etc. What differentiates B2B SEO from B2C, is that for B2B SEO keywords focus on specific words and phrases that business/vendors search. A B2B SEO agency like WSI B2B Marketing can provide you with leading B2B SEO solutions.

Yes, with the right SEO strategy your B2B business will not only improve its search engine rankings, but it will also expand its online reach, and build trust for your brand. There is no better way to show potential B2B vendors that your company is knowledgeable and can deliver the services needed, than having a website and online marketing content that is easy to find and trustworthy. WSI B2B Marketing is a leading B2B SEO agency that can help B2B companies. Contact their team for services.

The cost of SEO services depends on the B2B SEO agency and the services and payment model they offer. The average monthly cost can range from around $750 to $2,000, while hourly rates can go from $85 to around $200. For entire projects, prices range from $5,000 to $25,000 and up. Reach out to B2B SEO agency WSI B2B Marketing for more information and services.

A B2B SEO agency can increase your brand’s online presence and help attract potential leads to your company’s website. By increasing your search rankings and visibility, businesses will get more clicks and users to their site and can increase sales opportunities. An SEO agency like WSI B2B Marketing provides a range of online marketing solutions. Contact them to learn more and improve your online presence today.

Basically, B2B lead generation services will locate customers looking for the specific services/products that you provide and lead them to your website or e-commerce platform. Lead generation is vital not only for marketing teams but for B2B sales as well. B2B SEO agency, WSI B2B Marketing, provides lead generation and other SEO services designed specifically for B2B operations. Contact their team today to get started.