如何實現縮進邊境

Question

只是想知道我可以改變我的導航菜單有一個縮進效果。像1px的一個淺色，和1px的較暗的顏色。

也有人知道爲什麼我不能自動中心內容在白色，我試圖保證金：0汽車;但必須在奇怪的解決方法中編碼。

SOZ，網站是http://digitalgenesis.com.au/sites/1 乾杯 哈根達斯

Answer 1

http://jsfiddle.net/jkmwy/

你可以風格的邊框左/右/上/下創建一個斜角效果。

HTML

<div id="a"><div id="b">blah</div></div> 

CSS

#b { 
    height: 200px; 
    text-align: center; 
    background-color: white; 
    border: 1px solid red; 
    line-height: 200px; 
} 

#a { 
    border: 1px solid yellow; 
    width: 300px; 

} 

body { 
    background-color: black; 
} 

Answer 2

你也許可以使用border-style: inset;你想要的邊框效果，沒有必要對嵌套塊掛羊頭賣狗肉之類的東西。

你#infowrap元素不會自動中心用一個簡單的margin: 0 auto;，因爲它是塊元素，因此其默認寬度是其母公司的寬度，這將導致auto左右邊距出來爲零。 margin: 0 auto;將工作，如果你在一個塊中包裝內部並給它一個明確的寬度（例如：http://jsfiddle.net/ambiguous/aMemg/）。