提升你设计水平的CSS3新技术[译]（11）
作者：暴风彬彬 来源：彬go 发布时间：2009-08-02 20:51:00
标签：设计,浏览器,CSS3,新技术
10. 盒阴影
box-shadow 属性可以对HTML元素添加阴影 而不用额外的标签或背景图片。类似text-shadow 属性，它增强设计的细节；而且因为它不影响内容的可读性，随意他可以是增加那种额外感觉/效果的一种很好的方法。
10to1 为它的导航北京和hover状态使用了box-shadow 属性.
10to1 为其导航区域增加的一个简单的阴影并将该属性应用于导航链接的hover效果:
#navigation {
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
}
#navigation li a:hover,
#navigation li a:focus {
-webkit-box-shadow: 0 0 5px #111;
-moz-box-shadow: 0 0 5px #111;
}
box-shadow属性可以用多个值：水平偏移、垂直偏移、模糊半径、伸展半径和阴影颜色。水平和垂直偏移和阴影色使用的最多。
在一个div上应用红色阴影，右边和下边偏移4px，无模糊，我们可以使用下面的代码：
div {
-moz-box-shadow: 4px 4px 0 #f00;
-webkit-box-shadow: 4px 4px 0 #f00;
box-shadow: 4px 4px 0 #f00;
}
浏览器支持: box-shadow目前只有Webkit核心浏览器支持，但是即将发布的Firefox 3.5 也将提供很好的支持。
扩展阅读：
0
投稿猜你喜欢
前言众所周知，网页版的B站无法下载视频，然本人喜欢经常在B站学习，奈何没有网时，无法观看视频资源，手机下载后屏幕太小又不想看，遂写此程序以解- css可以处理16,777,216颜色，可以使用名字、rgb值或十六进制代码。red红色等同于 rgb(255,0,0) &nbs
- 首先说说什么是内存泄露，在一个进程中，如果某一块内存无法访问，且直到进程结束为止也无法释放，那么就发生了内存泄露。通常这种情况发生在C++之
- 本文以实例形式讲述了Python中replace方法，很有实用价值，具体如下：replace方法主要有两种：last_date = &quo
- type,元类，类，对象简单描述1.type是python内建元类，新建的元类需要继承type2.元类用来创建类，类用来创建对象类的生成方式
- 本文实例讲述了Python模块的定义，模块的导入，__name__用法。分享给大家供大家参考，具体如下：相关内容：什么是模块模块的导入同级目
- JavaScript 变量可以是局部变量或全局变量。私有变量可以用到闭包。全局变量函数可以访问是有函数内部定义的变量，如：实例functio
- 1.下载MySQL Community Server 5.7.16 安装好2.进去mysql安装目录的bin目录下，在文件地址栏输入cmd回
- 本文实例讲述了Python实现删除列表中满足一定条件的元素。分享给大家供大家参考，具体如下：从列表中删除满足一定条件的元素。如：删除一个列表
- 一、本讲学习目标1.掌握构造方法的使用2.掌握析构方法的使用3.掌握self变量的使用二、构造方法（一）概述构造方法指的是__init__(
- 昨天翻硬盘，找到一个好东西，可惜自己加了密码自己不记得了。试了几个常用的没试出来，于是写了这么个小脚本来替我尝试。。呵呵，还真给解出来了。p
- 首先获取ip：<％ userip=Request.ServerVariables(&qu
- 继承与threading.Thread实现有返回值的子类MyThread，废话不多说，大家直接看代码import threadingclas
- 本文实例为大家分享了python实现吃苹果小游戏的具体代码，供大家参考，具体内容如下1.公共类模块import pygamefrom pyg
- 写在前面因为暂时还没有想好做什么具体的某个项目来提升对python的理解，所以就自己想着做一下小玩意来加强一下自己对一些库和方法的理解分析1
- 概述 -------------------------------------------------------------------
- 本文实例讲述了Python中函数的参数定义和可变参数用法。分享给大家供大家参考。具体如下：刚学用Python的时候，特别是看一些库的源码时，
- 因为做项目中间有一个很小的环节需要这个功能，所以就写了一个简单的小函数，下面是具体实现：#!usr/bin/env python#encod
- 简介PyMySQL 是在 Python3.x 版本中用于连接 MySQL 服务器的一个库PyMySQL 遵循 Python 数据库 API
- 爬虫与发爬虫的厮杀，一方为了拿到数据，一方为了防止爬虫拿到数据，谁是最后的赢家？重新理解爬虫中的一些概念爬虫:自动获取网站数据的程序反爬虫：
