CSS HTML-如何使锚图片转到特定位置

我如何使我所有的锚链接/图片都指向特定的方面我希望团队在左上角我希望商店在右上角赞助商在左下角关于我们在右下角我认为我做了所有正确的代码，但他们不知道在那些特定的位置如何

如果有人能帮忙，我们将不胜感激

CSS

.icon1.jpg{
位置：绝对位置；
顶部：0px；
左：0px；
高度：自动；
宽度：50%；
}
.icon2.jpg{
位置：相对位置；
顶部：0px；
右：0px；
高度：自动；
宽度：50%；
}
.icon4.jpg{
位置：相对位置；
左：0px；
高度：自动；
宽度：50%；
}
.icon3.jpg{
位置：相对位置；
右：0px；
高度：自动；
宽度：50%；
}
德鲁赞先生{
显示：块；
左边距：自动；
右边距：自动；
}
身体{
背景：url（“icon6.jpg”）重复；
}
#横幅{
位置：绝对位置；
顶部：0px；
左：0px；
右：0px；
宽度：100%；
高度：175px；
z指数：-1；
}

妄想者

如果（myDiv）在另一页中，请使用此选项

            <a href="teams.html#myDiv" target="_blank">
              <img src="icon1.jpg" style='width:50%;' border="0" alt="Null" class="top" z-index:2>
            </a>

 <a href="#myDiv" target="_blank">
 <img src="icon1.jpg" style='width:50%;' border="0" alt="Null" class="top" z-  index:2>
            </a>

如果（myDiv）在同一页中，请使用

            <a href="teams.html#myDiv" target="_blank">
              <img src="icon1.jpg" style='width:50%;' border="0" alt="Null" class="top" z-index:2>
            </a>

 <a href="#myDiv" target="_blank">
 <img src="icon1.jpg" style='width:50%;' border="0" alt="Null" class="top" z-  index:2>
            </a>

尝试将底部：0设置为要在屏幕上显示的元素bottom@markoffden我试过了，没用，谢谢你的帮助嘿，伙计，对不起，我该怎么改课呢？我是为球队做的，左上角的，其余的都不行谢谢你的帮助