.btn { border: 2px solid #000; border-radius: 5px; padding: 10px 20px; background-color: #fff; color: #000; } .btn:hover { border-color: #f00; }
以上是一个简单的CSS代码,用于创建一个按钮。大家可以看到,在.btn样式中,大家设置了边框颜色为黑色,边框宽度为2像素,圆角为5像素,内边距为10像素和20像素。此外,按钮的背景颜色为白色,文字颜色为黑色。
在.btn:hover样式中,大家设置了当鼠标悬停在按钮上时,边框颜色将变为红色。这种效果非常常见,用来增加用户体验。
总的来说,CSS中的边框属性非常多样化,可以根据需要进行自由配置。在制作按钮、链接等样式时,边框的设计是非常重要的一环。