Javascript 刷新时更改边框底部和边框顶部颜色

我想更改我正在处理的页面的边框底部和边框顶部

这是我的CSS：

.section-title {
    overflow: hidden;
    margin: 0 0 30px 0;
    padding: 20px 0;
    border-bottom: 1px solid #000;
border-top:1px solid #000;
}

这是我的剧本：

     $(document).ready(function () {
  $('section-title').each(function() {
     var col = 'rgb('+ (Math.floor(Math.random()*256)) +',' + (Math.floor(Math.random()*256)) + ','+(Math.floor(Math.random()*256))+')';
     $(this).css('color', col);
    }); });

我做错了什么，或者我应该怎么做才能让这一切顺利进行？获得一个想法；这是我们的网站。标题上方和下方的两个1像素边框是我想随机更改的，就像链接一样

---

非常感谢你几个小时来的思考和努力

您必须设置

边框颜色

：

$(this).css('border-color', col);

---

p.S.无需运行自己的

每个
循环。通过向
css
提供回调，让jQuery为您完成这项工作：

$(document).ready(function () {
    $('.section-title').css('border-color', function() {
        return 'rgb(' +
            Math.floor(Math.random() * 256) + ',' + 
            Math.floor(Math.random() * 256) + ',' + 
            Math.floor(Math.random() * 256) + ',' +
        ')';
    });
});

更改边框颜色的不是
“color”
属性。这是
“边框颜色”
<代码>“颜色”
属性用途仅用于更改文本颜色（前景色）

干杯
是的，它真是魅力四射！非常感谢你！这让我感到奇怪，我尝试添加边框底部而不是边框颜色，但不知怎么的，这不起作用。边框底部和边框顶部也可以有两种不同的颜色吗？@user1084321-当然可以。分别设置
边框顶部颜色
和
边框底部颜色
。。为什么我没想到这个！！再次感谢你，你不知道哈哈！
$(this).css('border-color', col);