以CSS和HTML為中心的導航欄
[英]CSS and HTML centred nav bar
問題描述
我正在嘗試使導航欄正確居中，並且每個導航項的左側和右側都有一個1px的邊框（而不是兩個邊框連接在一起的2px）。
該網站是www.berryconcept.co.uk/vouchfor
任何幫助，將不勝感激。
非常感謝，
湯姆
2 個解決方案
解決方案1
2 2012-01-09 18:01:37
要在聯結中沒有雙邊框，可以給項目不帶邊框，而給:first-child項目左邊框： http : //www.w3.org/TR/css3-selectors/#selectors
解決方案2
1 2012-01-09 19:03:09
在這種情況下，我通常按以下步驟進行：
我將第一個鏈接的border-left: 1px solid #ccc; 在包圍ul的<ul>或<div> ，然后對其進行設置，以使每個<li>元素都具有border-right: 1px solid #ccc; 組。
希望這會有所幫助。
如果您將代碼發布在jsfiddle上，我會為您更新。 :)
HTML 和 CSS 中的導航欄選項卡
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.