Защо трябва да CSS прозрачна граница и как да го направя

Поздрави на всички. Днес аз ще ви кажа защо в оформлението на сайтове понякога правя в границата на CSS прозрачен, т.е. невидима рамка елемент.

Защо имаме нужда от прозрачна рамка?

Когато оформлението на следващия оформлението е такъв проблем: когато мишката върху елемент от менюто, той трябва да се появи подчертаване. И не в текста, и целия блок с линк. За тези, които знаят, оформлението, всичко е съвсем проста и разбираема в този случай. Ти просто трябва да задържите курсора на мишката върху линка, за да добавите към нея граничен дъно собственост. Но ако просто се уверете, че тя няма да Oche приятно и готино. Сега аз ще ви покажа един пример. Това като HTML код е необходимо, за да създадете меню с 4 пункта:

Като цяло, някои стилове, но всички от тях ще са последица бяха предписани. Ние сме заинтересовани от това подчертава ефекта, когато задържите върху елемента. То се осъществява по следния начин:

Всичко е съвсем проста, но се оказва, че (точка до всяка дестинация):

Всъщност, за да се реши проблема просто трябва да се свърже първоначално зададете една и съща рамка дебелина от 5 пиксела, но прозрачен цвят. В този случай, само цвета на границите ще се промени, когато кръжи.

Донесох само един имот, другите стилове, ние не се интересуват, можете да ги регистрират себе си. Сега, когато се движите всяко потрепване няма да се случи, може да се потвърди това:

Отличен, Надявам се, че сте отговорили на въпроса, какво е необходимо, CSS прозрачна рамка. Може би има още няколко приложения. Вместо това, тя не е възможно, и точно. Можете да го използвате за създаване на триъгълници. Как да видите тук. Така че тук има приложения на прозрачна рамка.

Можете също така да се интересуват от