.button{ border: 2px solid #000; border-radius: 10px; padding: 10px 20px; }
在上述代码中,大家创建了一个类名为button的样式,用来定义按钮的边框。border属性用来定义边框的样式,其中2px是边框的宽度,solid是边框的样式,#000是边框的颜色。这里的#000表示黑色,你也可以根据实际情况来设置颜色。
border-radius属性用来定义边框的圆角度数,本例中设置为10px。这样按钮的四个角都是圆角的。如果你不想要圆角,可以设置为0px。
padding属性用来定义按钮内部内容与边框之间的距离,本例中设置为10px 20px,表示上下左右的距离都是10px,左右的距离是20px。你也可以根据实际情况来设置内边距的数值。
通过以上CSS代码的设置,大家就可以定义一个有边框的按钮。你可以在网页中使用该类样式,添加到需要的按钮上,从而实现边框自定义的效果。希望这篇文章对你有所帮助!