湘龙工作室提供长沙做网站,长沙建站,长沙网站开发,软件制作,网站优化,域名注册,网络空间
长沙做网站

做网站用CSS3代码写圆角样式

发布时间:2014/11/03 来源:长沙做网站

   随着CSS3的问世和普及,许许多多需要采用JS才能实现的网页视觉效果用CSS3即可轻易实现,许多需要用图片才能表达的东西用CSS3就可以,例如我们常用的圆角样式。在此之前,要实现圆角,必须借助图片或其它插件,现在,一切变得非常简单了,只需要加短短的几句CSS3代码就可以了。
 
  CSS3代码:border-radius:5px;-moz-border-radius:5px;
 
  CSS3圆角样式
 
  使用上面的CSS3样式就可以实现上图所示的圆角效果
 
  CSS3甚至允许你设置每一个角的样式,例如如下代码。
 
  /*左上角*/
  border-top-left-radius:5px;-webkit-border-top-left-radius:5px;
  /*右上角*/
  border-top-right-radius:5px;-webkit-border-top-right-radius:5px;
  /*左下角*/
  border-bottom-left-radius:5px;-webkit-border-bottom-left-radius:5px;
  /*右下角*/
  border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px;
 
  怎么样,很容易实现吧CSS3圆角吧?其最大的好处在于,不用再为一些圆角的网页元素而去用Photoshop画图了。更好的地方是,由于用CSS代替图片,可以大大减少网页加载量,提高网页打开速度哦。

长沙做网站拥有多年做网站经验,采用最新的HTML5和CSS3技术建设网站,界面设计注重用户体验,对搜索引擎优化非常友好,如果有做网站需要可以联系我们的在线客服。
 
做网站版权所有 2009-2015 湘ICP备11020044号   sitemap
地址:长沙市天心区五一西路189号锦绣中环29楼(已搬至岳麓区金星北路89号)   邮编:410001
电话:0731-82067301   QQ:2668200050   Email:longyun1077@163.com
湘龙工作室为您提供:长沙做网站,长沙建站,长沙网站开发,软件制作,网站优化,域名注册,网络空间服务
Copyright 2002-2010 长沙做网站www.csjwang.com. 版权所有
长沙做网站多少钱   长沙做网站公司   长沙做网站价格   长沙做网站的
分享到: