使用CSS3将你的网站设计推向未来

There are exciting new features in the pipeline for Cascading Style Sheets that will allow for an explosion of creativity in Web design. These features include CSS styling rules that are being released with the upcoming CSS3 specification. Realistically, you won’t be able to use these on your everyday client projects for another few years, but for design blogs and websites aimed at the Web design community, these features can help you push the boundaries of modern Web design today, adding that extra spice to your design and helping the industry move forward.

Here are five techniques snatched from the future that you can put into practice in your website designs today.

1. Border Radius

Probably the most common CSS3 feature currently being used is border-radius. Standard HTML block elements are square-shaped with 90-degree corners. The CSS3 styling rule allows rounded corners to be set.

1. -moz-border-radius: 20px;   
2. -webkit-border-radius: 20px;   
3. border-radius: 20px;  

          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          border-radius: 20px;

Border-radius can also be used to target individual corners, although the syntax for -moz- and -webkit- is slightly different:

1. -moz-border-radius-topleft: 20px;   
2. -moz-border-radius-topright: 20px;   
3. -moz-border-radius-bottomleft: 10px;   
4. -moz-border-radius-bottomright: 10px;   
5. -webkit-border-top-right-radius: 20px;   
6. -webkit-border-top-left-radius: 20px;   
7. -webkit-border-bottom-left-radius: 10px;   
8. -webkit-border-bottom-right-radius: 10px;  

       	  -moz-border-radius-topleft: 20px;
          -moz-border-radius-topright: 20px;
          -moz-border-radius-bottomleft: 10px;
          -moz-border-rad

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!