CSS trik: Zaoblení rohů elementu o 1px a 3px bez použití obrázků
Dnes pro vás mám dvě užitečné CSS třídy, které můžete s drobnými úpravami hromadně používat ve vašich projektech. Je určen hlavně do prostředí, kde nemůžeme spoléhat na podporu CSS3. Bez dalšího dlouhého vysvětlování... Chcete-li zaoblit rohy elementu o 1 pixel, přiřaďte mu třídu rounded-corner-1 , která je definována takto: . rounded-corner-1 { display : inline-block ; background : #fff ; border-left : 1px solid #fff ; border-right : 1px solid #fff ; } . rounded-corner-1 : before { border-top : 1px solid #fff ; padding-top : 1px ; display : block ; content : " " ; position : relative ; top : -1px ; } . rounded-corner-1 : after { border-bottom :...