图片立体边框效果

最新推荐文章于 2021-06-03 19:50:41 发布

原创最新推荐文章于 2021-06-03 19:50:41 发布 · 748 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#xhtml #class #html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>图片立体边框效果</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<style type="text/css">
.image{padding:7px;border:1px solid #000;-moz-box-shadow:3px 3px

4px #000;-webkit-box-shadow:3px 3px 4px #000;box-shadow:3px 3px

4px

#000;background:#fff;filter:progid:DXImageTransform.Microsoft.Shad

ow(Strength=4,Direction=135,Color='#000000');}
</style>
</head>
<body>
<img src="图片名称" class="image">
</body>
</html>