Kuinka tehdä siksak-viiva CSS ssä

1. Kuinka teet siksakviivan CSS: ssä?
2. Kuinka siksak viiva tehdään HTML-muodossa?
3. Mikä on siksak-viiva?
4. Mikä on siksak-asettelu?

Kuinka teet siksakviivan CSS: ssä?

HTML

1. <div></ div>
2. <div></ div>
3. <div></ div>

Kuinka siksak viiva tehdään HTML-muodossa?

CSS

1. .fullTutorial
2. .fullTutorial a
3. kirjasinkoko: 15 kuvapistettä.
4. .siksak-viiva
5. raja: ei mitään;
6. leveys: 60%;

Mikä on siksak-viiva?

Siksak on kuvio, joka koostuu pienistä kulmista vaihtelevissa kulmissa, vaikkakin vakiona siksakissa, ja jäljittää polun kahden yhdensuuntaisen viivan välillä; sitä voidaan kuvata sekä rosoiseksi että melko säännölliseksi.

Mikä on siksak-asettelu?

Uusempi ja yhä yleisempi vaihtoehto kohdistetulle kuviolle on siksak-asettelu, joka vuorottelee kuvan ja tekstin sijoittamista kullekin vaakasuoralle riville. Siksak-asettelun viimeaikainen suosio johtuu todennäköisesti siitä, että se rikkoo yksitoikkoisuuden ja lisää visuaalista kiinnostusta pitkälle sivulle.