Styling hivatkozások (html css)

Alapértelmezésben minden böngésző szöveges hivatkozásokat látszanak vizuálisan. A legnépszerűbb opció - kék szöveg aláhúzással, ha az egeret egy link a kezét. Meglátogatott linkek színe megváltozik, bordó. Ez kényelmes, tekintve a láthatóság, de ez szinte soha nem megfelelő harmonikus design a helyén. Ezért különleges stílust használjuk referenciaként. Mint tudjuk, a stílusokat alkalmazni valamennyi eleme az ilyen típusú oldalon választó tudod használni, mint a neve. A linkek tárcsázza a. A szelektor használatával módosíthatja a referencia stílus, alkalmazza a következő postfix:







vonatkozik stílusok linkeket, amelyek még nem látogatott







stílusok alkalmazása a referencia, ha lebeg a kurzort

stílusok alkalmazása a referencia, ha rákattint

stílusokat alkalmazni linkeket a már meglátogatott

Nem feltétlenül használja mindezek együtt leírni postfix stílusban. Tegyük fel, hogy szükség van arra, hogy minden kapcsolatot az oldalon fekete hover - piros. Ehhez elég lesz:

Az aláhúzott szöveges linkek meg a stílus text-dekoráció. A két leggyakoribb értékek - egy aláhúzás (aláhúzva alapértelmezés szerinti linkeket), és egyik sem (nincs aláhúzás). Így, hogy távolítsa el a aláhúzás kapcsolatok, be kell állítani a stílus text-decoration érték none:

Text-dekoráció stílusát nem teszi lehetővé a változó a stílus aláhúzás, így létrehozni, például kapcsolatokat bár aláhúzás használható border-bottom stílusban. Vessünk egy pillantást egy kis példa, amelyben egy referencia, ha lebeg a kurzort válik hangsúlyozta a szaggatott vonal:




Kapcsolódó cikkek