Vaakatason tunnisteen muotoilu

• Saattaa 3, 2024

Haluatko jakaa sivusi tai ilmoittaa erillisen osion? Vaakasääntö voi tehdä sen sinulle. Se on myös erittäin muokattavissa HTML- ja CSS-määritteillä.

Vaakasääntö on yksinkertaisesti tapa piirtää vaakaviiva sivulle. Perusmuotoilematon vaakasääntö näyttää tältä:

---

... ja on merkitty

---

HTML-koodissa. Voit kuitenkin saada varsin hienoja, muuttamalla leveyttä, suuntausta, väriä ja muuta HTML-määritteillä. Tässä on joitain vaihtoehdoista.

Voit muuttaa leveyttä käyttämällä "leveys" -attribuuttia (aika loogista, eikö?) Näin:

---

... joka antaa sinulle vaakasuoran viivan puolen käytettävissä olevan tilan poikki, kuten:

---

Voit myös määrittää leveyden kuvapisteinä muotoa käyttämällä

---

tai vain

---

.

Seuraavaksi vaihdetaan väri. Käytä seuraavaa muotoa:

---

Aloittamattomien yllä olevat kirjaimet ja numerot ovat punaisen heksadesimaalisia. Yllä oleva näytekoodi antaa sinulle alla olevan rivin:

---

Voit asettaa vaakatason suuntauksen vasemmalle, keskelle tai oikealle. Käytä vain koodia kuten alla olevassa esimerkissä:

---

... ja näet seuraavan rivin:

---

Kuten näet viimeisestä esimerkistä, voit yhdistää määritteet ja ne kaikki toimivat. Kuten useimmissa HTML-määritteissä, ei ole väliä mitä järjestystä käytät.

Kaikki nämä esimerkit pätevät moniin muihin HTML-elementteihin, mutta vaakasuoralla säännöllä on myös ainutlaatuinen ominaisuus: noshade. Tämä ominaisuus poistaa linjan kolmiulotteisen vaikutuksen. Voit käyttää noshade-määritteen seuraavasti:

---

... ja näin se näyttää:

---

Nyt kun tiedät kuinka lisätä tämä muodikas muotoilutyökalu, älä hullu sen kanssa! Erivärisillä vaakaviivoilla peitetty sivu näyttää vain sotkeutuneelta ja omituiselta. Vaakasuuntaista sääntöä voidaan käyttää erittäin tehokkaasti erottamaan osa sivustasi - esimerkiksi jos sinulla on alatunnisteosa jokaisen sivun alareunassa, voit lisätä vaakatason säännön juuri sen yläpuolelle, jotta se eroaa sivun sisällöstä. .

Video-Ohjeita: Countdown with Cakes! Easy Cutting Hacks for Cool Number Cakes! | Cake Design Hacks by So Yummy (Saattaa 2024).