CSS扩大可点击区域的2种方法

2023年6月21日发(作者：)

CSS扩⼤可点击区域的2种⽅法⼀、使⽤ border/padding 属性扩⼤可点击区域点击.btn { border: 20px solid transparent; background-clip: padding-box;}或者.btn { padding: 20px;}⼆、使⽤伪元素扩⼤可点击区域.btn { position: relative;}.btn::before { content: ''; position: absolute; top: -20px; right: -20px; bottom: -20px; left: -20px;}

2023年6月21日发(作者：)

CSS扩⼤可点击区域的2种⽅法⼀、使⽤ border/padding 属性扩⼤可点击区域点击.btn { border: 20px solid transparent; background-clip: padding-box;}或者.btn { padding: 20px;}⼆、使⽤伪元素扩⼤可点击区域.btn { position: relative;}.btn::before { content: ''; position: absolute; top: -20px; right: -20px; bottom: -20px; left: -20px;}