图像框阴影边框样式在CSS中

Question

我想在这个页面上实现类似于Tim Cook图像周围的CSS边框:http://www.macstories.net/news/tim-cook-at-d11/ - 但是,我只想要我自己网站上正文中的图像边框,而不是我站点边栏中的图像.

我需要什么代码来实现很酷的边框,我如何只定位正文中的图像？

Answer 1

如果您的"正文"在div中被归类为"main",则可以将该图像定位在该部分中,如下所示:

.main img {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    margin: 30px 0;
    padding: 10px;
    background: #FFF;
    border: 1px solid #CCC;
    position: relative;
    display: block;
}