Tegs <hr> (horizontāla līnija) ir labs
veids, lai semantiski sadalītu vai pārtrauktu lapas saturu. Tomēr to var
aizstāt ar attēlu, kas harmonizēs ar lapas kopējo stilu.
Fonam izmantosim šo attēlu ar faila nosaukumu spiral-shape.png :
Pēc noklusējuma tegs <hr> formē vienkāršu un visai nepatīkama skata līniju. Ar CSS īpašības background palīdzību varam izmantot šim elementam fona attēlu, pievēršot uzmanību elementa augstumam, lai attēls neatkārtotos, kā arī lai nebūtu rāmīša ap elementu:
2 | background:url(spiral-shape.png) no-repeat top center; |
4 | border:none !important; |
Kā parasti, visu vienkāršumu izjauc Internet Explorer
(versija 7 un zemāk), kam nāksies izmantot specifisku CSS kodu. Kodu var ievietot atsevišķā CSS failā un priekš IE pieslēgt ar nosacītajiem komentāriem šādi :
Savukārt pašā failā priekš IE ievietot šādu CSS kodu :
3 | list-style:url(spiral-shape.png) inside; |
4 | filter:alpha(opacity=0); |
Skatīts : 2624 /
Komentāri : 0 / Vērtējumi : 0 / Uzrakstīts : 19 Martā 2011 plkst. 20:43
