入门 硬件知识 电脑基础 上网入门 故障 电脑修护 电脑健康 精通电脑 网站 DIV+CSS 建站知识 SEO知识
教程 电脑操作 平面设计 路由设置 技巧 Word Excel QQ技巧 壁纸 自然风景 酷车美女 系统桌面
系统 安装系统 系统技巧 系统设置 安全 木马查杀 黑客防御 安全资讯 美女 明星写真 清纯美女 性感美女

主页 > 网站建设 > DIV+CSS技巧 > INTRODUCE

CSS3盒阴影实例

发布时间:2013-11-25 作者:电脑知识网 来源:www.sogoupc.com 字号:
CSS3支持一种新的“阴影”属性,可以在网页中的元素加上阴影效果,例如图片,Div,SPAN。该功能支持Firefox3.5,Safari 3.1 +,和谷歌浏览器。IE浏览器一直支持通过其pripoertary“阴影”过滤器做出简单的阴影。而现在我们可以方便地支持CSS3浏览器上添加阴影效果。
box-shadow语法格式:
box-shadow: <horizontal> <vertical> <blur> <color>
各属性值解析:
horizontal(水平):指定水平偏移阴影。正值(即:5px)阴影向右,而为负值(即:- 10px)将使它向左。
vertical(垂直):指定垂直偏移阴影。正值(即:5px)会使阴影在框的底部,而负值(即:- 10px)将使它向左。
blur(模糊):设置的柔化半径。默认值为0,这意味着没有模糊。正值增加了模糊,而负值,实际上缩小了阴影。此属性默认为0。
clolor(颜色):颜色值,也就是设置阴影颜色。
文章: CSS3盒阴影实例
地址:http://www.sogoupc.com/web/201311/8931.html
------分隔线----------------------------
------分隔线----------------------------
热门DIV+CSS技巧文章推荐