自定義條目標題

Question

嗯，我在玩CSS，但我想要做一些我腦海中想做的事情，我無法做到;我不知道如何。見，this is the website I'm testing。如果您看到條目標題，則它們具有黑色背景。但我想要這個背景佔據整個空間，像這樣：See the photo.

我需要什麼代碼？

Answer 1

這應該是訣竅： 負邊距放大黑匣子，填充以保持文本回到原來的位置。

這樣做有點骯髒，但這是最短的解決方案。

只需將它添加到你的CSS代碼結尾：

#contentmiddle div.title > h1{ 
    margin-left: -40px; 
    margin-right: -40px; 
    margin-top: -40px; 
    padding: 50px; 
    padding-bottom: 30px; 
} 

或者更短的一個：

#contentmiddle div.title > h1{ 
    margin: -40px; 
    padding: 50px; 
    margin-bottom: 20px; 
    padding-bottom: 30px; 
}