本文摘自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;
}
|
浏览器上显示效果如下：
阅读剩余部分
相关阅读 >>
css flex-grow属性怎么用
给你的网页弹窗加个遮罩
css垂直居中的方法有哪些
css网格布局（grid）的常用属性介绍
css animation-iteration-count属性怎么用
css哪个样式不推荐使用
css如何设置相邻单元格边框之间的距离
css怎么实现超出高度隐藏
css如何让div居中？css实现div居中的方法
css盒子模型尺寸如何计算
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 如何利用CSS实现只在设置的框内点击链接跳转
