Welcome
This is a free tool to help you easily create your own individual css style for common html components such as tables, menus and lists.
Using this tool you are able to fully customise your style and in real time, see your style within the previewer window so you know exactly what your style will look like.
When you are happy with your style design you can copy the generated style code into your websites stylesheet or you can download the file using the download button in each designer.
Latest Updates
To keep yourself upto date with the latest updates, why not follow me on twitter @designmycss
14/10/2012
- Can now increment numeric fields such as padding by using keyboard arrow keys.
- Fixed bug with table row background hover effect.
07/07/2012
- Better compatibility for rounded corners in table designer.
- Can now specify a custom number of rows and columns in the table preview.
24/06/2012
- Can now add CSS3 gradients to the table designer
23/06/2012
- Minor bug fixes
- Can now add CSS3 gradients to the menu designer
17/06/2012
- Major improvements to menu designer.
12/06/2012:
- New Feature added to table designer to allow alternate background colours in rows
- Improved CSS generation of Margin and Padding values
- CSS in list designer and menu designer have been made more efficient and clear
28/05/2012:
- List Designer now has ability to add infinite sub levels via the 'Add a List Level' button. Each list level can have a different colour and style type.
22/04/2012:
- Redesigned look of the site
25/03/2012:
- Added drop down menu styling to the menu designer
09/03/2012:
- Improved look of the site
04/03/2012:
- Downloads are now in zip form and include an example.html page.
- Border enable bug fix.
- Page performance increases.
26/02/2012:
- Added list design capability
15/02/2012:
- Added Menu design capability
03/02/2012:
- Added Shadow/Glow option to table design.
Contact Me
If have any questions about this site, want to suggest an extra feature or to report a bug please use the contact form below