.border iframe {
    border: none;
    width: 300px;
    height: 100px;
    margin: 0;
    padding: 0;
    opacity: 0.8;
    display:block; /* Add this */
}

更新

为了解释这一点 – iFrame是一个内联框架，这意味着它是一个内联元素，像img标签一样，可以与空格有问题。设置显示：block;在其上将iFrame转换为块元素(如div)，这将删除空格问题。