怎么才能实现这样的页面效果，请各位大神指点指点，再次先谢过了

图片说明

这个很明显应该是前台ui的设计至于你想用代码实现图片的效果确实有点搞不懂如果说你是想框中的文字都可以点击的话图片就只做一个框里面填充背景色然后再前台添加链接文字就是了图片什么的点击就加个透明的什么div什么的放上去的都是可以的或者你不喜欢的话就哪里需要放东西就把哪里切下来然后在上面叠加img标签把切下来那一块放上去绑定点击事件

将图片放到同级目录
代码：

 <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            *{
                margin: 0px;
                padding: 0px;
            }
            .d1{
                width: 100%;
                height: 3320px;
                background-image: url("1512.jpg");
            }
        </style>
    </head>
    <body>
        <div class="d1">
        </div>
    </body>
</html>

我感觉这是切图切下来的。
或者你可以直接F12查看它的标签元素，这样比让我们看图作答好多了。

如果是图片引用可以直接引用图片链接，如果你想用代码达到这个效果，用html是不够的