刷新時更改邊框底部和邊框頂部顏色

這是我的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); 
    }); });

什麼我做錯了什麼，或者我應該怎樣做才能使這項工作？得到一個想法; http://www.mirlaklijn.nl/wp-new這是網站。標題上方和下方的兩個1像素邊界是我想隨意更改的鏈接。

許多很多感謝思考和嘗試幾個小時！

來源

2012-10-30 user1084321

您必須設置border-color：

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

附：無需運行您自己的each循環。讓jQuery的爲你做，通過提供一個回調css：

$(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) + ',' + 
     ')'; 
    }); 
});

來源

2012-10-30 18:51:48

是工作就像一個魅力！非常感謝！這讓我想知道，我嘗試添加border-bottom而不是邊界顏色，但是不知何故不起作用。是否有可能有邊界底部和邊界頂部2種不同的顏色？ – user1084321

@ user1084321 - 當然。分別設置「邊框頂部顏色」和「邊框底部顏色」。 –

ohhhh我必須添加-color到最後..爲什麼我沒有拿出這個！再次感謝你，所以你不知道哈哈！ – user1084321

這不是"color"屬性改變邊框的顏色。這是"border-color"。 "color"屬性目的是僅改變文本顏色（前景色）。

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

乾杯

來源

2012-10-30 18:51:51 Rikki

刷新時更改邊框底部和邊框頂部顏色

回答

相關問題