Как мне реализовать отступ границы

Question

просто хотел узнать, как я могу изменить свое меню навигации, чтобы иметь отступ.Как 1px одного светлого цвета и 1 px более темного цвета.

Также кто-нибудь знает, почему я не могу автоматически центрировать контент в белом, я пробовал поле: 0 авто;но пришлось кодировать в странном обходном пути.

соз, сайт http://digitalgenesis.com.au/sites/1 Cheers Daz

Answer 1

Возможно, вы можете использовать border-style: inset; для нужного эффекта границы, нет необходимости в обмане со вложенными блоками или чем-то в этом роде.

Ваш элемент #infowrap не будет автоматически центрироваться с простым margin: 0 auto;, потому что он является блочным элементом, и поэтому его ширина по умолчанию равна ширине его родителя, это приводит к появлению полей auto left и right как ноль. margin: 0 auto; будет работать, если вы оберните внутренности в блоке и дадите ему явную ширину (например: http://jsfiddle.net/ambiguous/aMemg/).

Answer 2

http://jsfiddle.net/jkmwy/

Вы можете оформить границу влево / вправо / сверху / снизу, чтобы создать эффект скоса.

HTML

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

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