边框半径对锚链接悬停的效果可以通过CSS中的伪类选择器来实现。下面是一个示例代码:
HTML:
悬停链接
CSS:
.hover-border {
display: inline-block;
padding: 10px;
border: 2px solid #ccc;
border-radius: 20px;
}
.hover-border:hover {
border-color: #f00;
}
在上述示例中,我们给锚链接添加了一个类名.hover-border
,并设置了一些基本的样式,包括边框、内边距和边框半径。当鼠标悬停在链接上时,通过:hover
伪类选择器,我们可以改变链接的边框颜色为红色(#f00
),从而实现边框半径对锚链接悬停的效果。
可以根据需要调整样式,如边框颜色、边框宽度和边框样式等。
上一篇:边框半径的填充与图片重叠
下一篇:边框半径和浏览器缩放问题