Eşit

Question

nasıl sınırında sağ ile aynı yüksekliğe border-left yapabilirsiniz border-right yükseklik CSS'deki border-left ve? Başka bir deyişle, sınırların sırasını nasıl değiştirebilirim? Sınır-sol sınır-sağdan daha uzun. Hangi 1px "boşluk" ile sonuçlanır. neler oluyor

.tab-header > ul > li 
{ 
display: inline-block; 
background-color: #ffffff; 
border-bottom: 1px solid #ffffff; 
border-left: 1px solid #cecece; 
border-right: 1px solid #cecece; 
border-top: 1px solid #cecece; 
padding: 8px; 
font-size: 10px; 
text-transform: uppercase; 
} 

Answer 1

, css sınırında güzel bir köşegen renk değişikliği yapmak çalışır olmasıdır. Tüm 1px öğelerini 10px olarak değiştirirseniz, sorunu görürsünüz. (Görüntü, bkz: http://jsfiddle.net/DaTCy/1/)

her zaman sağ alt piksel içinde üst üste olacak sınırları, alt ve sağ sınırın 1px genişlikleri kullanıyorsanız.

---

DÜZENLEME: Bir çözüm olarak, alt kenarlık 0px genişliğinde veren ve butona koymak kapta yüksekliği problem çözme deneyebilirsiniz

Answer 2

kullanın border-left/-top/-right ve border-bottom farklı için. [iç içe] öğeler.

border-bottom-width: 0; 

JS Fiddle demo:

Answer 3

basit çözüm açıkça kullanmaktır.