具体实现步骤如下:
// HTML代码 <div class="box" onclick="window.location.href='http://www.example.com'"></div> // CSS代码 .box { width: 200px; height: 200px; background-image: url('example.jpg'); cursor: pointer; }
以上代码实现了一个div块,div块的背景图片为example.jpg,同时为div块添加了一个点击事件,当用户点击div块时,会跳转到http://www.example.com网页。
值得注意的是,为了实现点击事件,需要在HTML代码中为div添加onclick属性,同时需要设置CSS的cursor属性为pointer,使鼠标在该div上移动时变为手型。
通过CSS点击背景图片,可以实现很多网页效果,例如hover效果、选中状态等,同时也可以增强网页的交互性和美观性。