css3div边框渐变色 |css3小球运动

css电脑软件，html按钮代码css，css-p怎么用，css所有nth-child，行与行的距离css，css+设置屏幕大小变化，css3小球运动

首先，大家需要定义一个带有边界的DIV。

<div class="border">
<p>这是一个带有渐变色边框的DIV</p>
</div>

在CSS中，大家需要选择.border类，并设置这个类的边框属性。在这里，大家使用linear-gradient函数来定义边框渐变色。其中第一个参数表示渐变色的方向；第二个参数表示起始颜色；第三个参数表示结束颜色。

.border {
border: 5px solid;
border-image: linear-gradient(to right, #F6D365, #Fda085) 30 30 round;
}

以上代码使DIV的边界线变成了一个从左到右的渐变色，起始颜色为#F6D365，结束颜色为#Fda085。

在border-image属性中加入round参数，可以将边角部分与渐变色融合，显得更为自然。同时，大家也可以在border-image的最后添加数字，以定义边框宽度。在这里，大家设置边框的宽度为30像素。

最终效果如下图所示：

.border { border: 5px solid; border-image: linear-gradient(to right, #F6D365, #Fda085) 30 30 round; width: 500px; height: 200px; margin: 50px auto; text-align: center; font-size: 24px; line-height: 200px; }