深圳网站建设、深圳建网站、网站建设公司定制属于您的高端个性化网站!

搜索深圳网站建设相关案例及相关信息 服务热线:13530005572/15112579390
首页 > 网站建设知识 > .css3圆角与阴影方法

.css3圆角与阴影方法

  • 所属分类:网站建设知识
  • 作者: 独占网络
  • 更新时间: 2015-2-21 6:48:56
  • 返回列表
由于现在手机还有电脑大多数浏览器都是支持css3,所以我们下面就来讲一下我当用的css3效果。
我们来先讲一下css3里面的圆角。
border-radius:5px 15px 20px 25px; 我们可以看到圆角是上5px、右15px、下20px,左25px,也可以直接使用 border-radius:5px,上下左右都是5px;
下面就是我们要讲的阴影了。
box-shadow: 8px 6px 10px #fff从前面的代码我们可以看到,我们的阴影的大小为10px,外下8px移动,向右移动6px,阴影的背景为#fff。
下面讲一下css3强制换行,因为我们写的英文字比较长的时候,如果没有手动换行,它是不会掉下来的,但是如果你使用word-wrap:break-word;就可以强制换行了。
如有不懂,联系独占网络(http://www.sz886.com)

相关推荐

独占网络

专业开发/高端制作

您值得信任的网站建设专家!

为其提供系统的基于互联网的品牌行销策略 、 创意执行 、 追踪运营服务 。