这里有新鲜出炉的精品教程,程序狗速度看过来!
它是一种用来表现 html(标准通用标记语言的一个应用)或 XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
CSS(层叠样式表) 即 级联样式表 。
纯 CSS 漂亮的立体图片边框效果,图片阴影代码,个人觉得这个挺实用,CSs 实现的,定义成类,可让你整个网页上的图片都是有立体阴影的,不错吧,感谢作者分享。
- <!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=gb2312">
- <style type="text/css">
- .image{padding:10px;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.Shadow(Strength=4,Direction=135,Color='#000000');}
- </style>
- </head>
- <body>
- <img class="img-responsive" src="http://img.phperz.com/data/img/20170322_10/1490190384_8339.jpg"
- data-src="">
- </body>
- </html>
来源: http://www.phperz.com/article/17/0711/284020.html