css3中的阴影怎么写

html-css013

css3中的阴影怎么写,第1张

box-shadow 属性--设置元素阴影

实例：  向 div 元素添加 box-shadow

<!DOCTYPE html>

<html>

<head>

    <style> 

        div{

            width:300px

            height:100px

            background-color:#ff9900

            -moz-box-shadow: 10px 10px 5px #888888 /* 老的 Firefox */

            box-shadow: 10px 10px 5px #888888

        }

    </style>

</head>

<body>

    <div></div>

</body>

</html>

text-shadow 属性 ---设置文字阴影 <!DOCTYPE html>

<html>

<head>

    <style>

   

         h1{

            text-shadow: 5px 5px 5px #FF0000

        }

    </style>

</head>

<body>

    <h1>文本阴影效果！</h1>

</body>

</html>

在样式表中,定义一个

img

{filter:none}

这样,页面中的所有图片就不会有发光效果了!

把body的stlye属性删除掉，再把你要发光的字体加入到一个DIV

border-radius: 50%

-moz-border-radius: 50%

-webkit-border-radius: 50%

-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25)

-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25)

text-shadow: 0 -1px 1px rgba(0,0,0,0.25)

border-bottom: 1px solid rgba(0,0,0,0.25)

border-radius 圆角