本文摘自PHP中文网，作者不言，侵删。
本文将介绍关于如何利用CSS实现只在设置的框内点击链接跳转的方法，下面来看具体的内容。
首先我们来看一个例子
HTML
1 2 3 4 5 | <a href="http://www.php.cn/">
<div class="toko">
<h1>php中文网</h1>
</div>
</a>
|
CSS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | .toko{
width: 400px;
margin: 0 auto;
padding: 20px;
background: #389bc2;
color: #ffffff;
text-align: center;
}
.toko:hover{
opacity: 0.5;
}
a{
text-decoration: none;
}
|
浏览器上显示效果如下：
阅读剩余部分
相关阅读 >>
怎样编写灵活、稳定、高质量的html和css代码
css的工作过程介绍（图文）
css背景图片显示不完整怎么办
css中隐藏元素的方法有哪些？有什么区别？
css中颜色有几种表达方式
css动画怎么匀速
css如何修改html标签的title样式？（代码示例）
css怎么设置下划线
css实现动画性能优化
前端css如何实现箭头
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 如何利用CSS实现只在设置的框内点击链接跳转
