哇哈哈，今天我要教巨大家怎么用CSS给按钮加上漂亮的边框，让我们的网页kan起来像彩虹一样漂亮这个！嘿嘿，听起来是不是hen酷呢？

先说说 我们要认识一下CSS边框的几个优良朋友

在CSS里边框有几个优良朋友，它们分别是：border-styleborder-width和border-color。它们就像魔法师一样，Neng让我们把按钮的边框变得各式各样。

边框样式：让边框变个花样

边框样式就像给边框穿衣服，有各种各样的款式。比如：soliddasheddotted等等。我们用border-style属性来选择它们。

比如说 我们要给按钮加上一条漂亮的实线边框，代码就长远这样：border-style: solid;

边框宽阔度：边框的粗细由我定

边框宽阔度就像给边框量体沉，我们Neng用border-width属性来设置。比如说 我们想让边框宽阔一点，代码就变成：border-width: 2px;

边框颜色：给边框穿上彩衣

边框颜色就像给边框化妆，让它们变得五彩斑斓。我们用border-color属性来选择颜色。比如说 我们想给边框穿上红色，代码就变成：border-color: red;

眼下我们来Zuo一个五彩的按钮吧

优良的，眼下我们就要用这些个优良朋友来Zuo一个五彩的按钮了。先说说我们写一个按钮，然后给它加上边框样式、边框宽阔度和边框颜色。

代码如下：

我是五彩按钮！

kan， 我们给按钮加上了一条红色的实线边框，是不是hen漂亮呢？

边框的geng许多玩法

其实边框还有hen许多优良玩的地方。比如我们Neng给边框加上圆角，让它kan起来geng加圆润。我们用border-radius属性来实现。

比如说 我们想让按钮的边角变得圆滑，代码就变成：border-radius: 10px;

通过今天的学，我们晓得了怎么用CSS来设置按钮的边框样式。只要掌握了这些个轻巧松的属性，我们就Neng让按钮变得五彩斑斓，让我们的网页变得geng加美观！哇哈哈，是不是觉得CSShen神奇呢？

优良了今天的内容就到这里啦！Ru果巨大家还有其他问题，欢迎在评论区留言哦！拜拜啦！