我如何实现缩进边框

Question

我只想知道如何更改导航菜单以获得缩进效果。像1px的一种浅色和1 px的深色。

也有人知道为什么我不能将内容自动居中为白色，我试过保证金：0自动;但不得不在一个奇怪的解决方法中编码。

soz，网站是http://digitalgenesis.com.au/sites/1 干杯 DAZ

Answer 1

你可以使用border-style: inset;来获得你想要的边框效果，不需要嵌套的块技巧或类似的东西。

您的#infowrap元素不会使用简单的margin: 0 auto;自动居中，因为它是一个块元素，因此其默认宽度是其父级的宽度，这会导致auto左右边距为零。如果您将内部包装在块中并为其指定显式宽度（例如：http://jsfiddle.net/ambiguous/aMemg/），则margin: 0 auto;将起作用。

Answer 2

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;
}