如何利用CSS3阴影效果制作出立体感效果

html-css09

如何利用CSS3阴影效果制作出立体感效果,第1张

box-shadow:5px 2px 6px #000

数值从左至右：阴影水平偏移值（正值向右，负值向左）；阴影垂直偏移值（正值向下，负值向上）；阴影模糊值；阴影颜色。transform: rotate(-3deg)

数值表示旋转的角度，正值为顺时针，负值为逆时针。

因为CSS3还是草案，所以现有浏览器的最新版都是以私有属性来支持transform，需要加上-webkit-、-moz-、-o-、-ms-

给你写了个简单的课程表样式的表格 看一下 table { border-collapse:collapsetext-align:centervertical-align:middle} table tr{ height:25px} table td{ width:100px} .bg1{ background:#ccc} table tr:hover{ background:#09C}