Firefox round corner css only, no gif
Posted on | March 27, 2008 |
Every border has its own set of native functions support some cool features to the developers. Like IE has gradient feature built in!
One nice feature of Firefox is to support rounded corner without any extra hassle. With no gif at all!
here is how:
-moz-border-radius:20px
Lazy enough? Just copy the code and see yourself!
<div style=’-moz-border-radius:20px;background-color:#ff0000′>
Hello rounded Firefox world !
</div>
See the effect here:
Hello rounded Firefox world !
Comments
5 Responses to “Firefox round corner css only, no gif”
Leave a Reply
Subscribe to our feed
Search
Categories
- ActionScript
- Ajax
- Apache
- ASP.NET
- book
- C#
- Coding Style
- CSS
- CVS
- Fedex
- Flex
- Freelancing
- India
- j2se
- JavaScript
- Joomla
- jQuery
- Life
- Linux
- Mac OSX
- MFC
- mysql
- myworks
- orchid
- PHP
- PostgreSQL
- Project Management
- scribefire
- Shell
- Software Engineering
- Software Review
- SQA
- SQL Server
- svn
- Technology
- Testing
- TortoiseCVS
- Uncategorized
- Versioning
- Web
- Windows Vista
- গল্প
March 28th, 2008 @ 9:26 pm
Thanku…I like this type of small tips.
Is there any way to make such rounded border corner in ie6 or ie 7
BTW: I hate IE…
March 28th, 2008 @ 10:08 pm
i searched a lot, but did not get
if you come to know, plz let me know too
March 29th, 2008 @ 11:37 am
ok..may be it’s not possible in ie6. ie8 may be a good one like firefox for design issues
April 2nd, 2008 @ 4:08 am
nice finding,
here is an article from a list apart -
http://www.alistapart.com/articles/customcorners/
best wishes,
April 21st, 2008 @ 8:27 pm
@hasan,
thanks for the link, alistapart is really a nice and helpful site.