Hyvä ihminen! Tämä ei ole blogin etusivu. Täällä on tagiin "hr" kytketyt jutut.
Demosivulla jokainen hr-elementti saa taustakuvan perinteisen vaakaviivan sijaan. Homma tietysti CSS:n avulla toimii, eli näin:
hr {
margin: arvo;
border: 0;
height: arvo;
width: 100%;
background: url(../hakemistopolku/kuvaan.png) no-repeat 50% 0;
}
Melko pitkälti samanlainen temppu on käytössä tuolla Kuopassa.com:in portfolio-osastolla. Sivujen alaosassa näkyvä koristekuva paljastuukin normaaliksi <hr /> -palikaksi, kun katsotaan korean pinnan alle ja sivun lähdekoodin.
Tagit: css, hr, taustakuva
