Praneškite apie mus:


CSS sąrašai

0
Yra keletas pagrindinių nustatymų, kurie yra dažniausiai naudojami su html sąrašų elementais, tačiau naudojant sąrašų žymes ir truputėlis css stilių taisyklių, galime gauti visaip išdėstytus meniu punktus ir nežinant, kad tai yra sąrašo elementas, niekad net to nepasakytume.


Paprasti sąrašų stiliai

CSS sąrašų redagavimo parametrai leidžia keisti sąrašo elementų žymeklių poziciją, pačius žymeklius. Pagrindinių parametrų lentelė:

Parametras Reikšmė
list-style Nurodo visus parametrus iš karto. Daugiau informacijos čia: list-style
list-style-type Nurodo sąrašo indeksų tipą, kokio tipo skaitmenimis numeruoti ir pnš. Daugiau informacijos čia: list-style-type
list-style-position Nurodo sąrašo indeksų vietą. Daugiau informacijos čia: list-style-position
list-style-image Nurodo paveisklėlį, kurį reikia naudoti vietoje indeksų. Daugiau informacijos čia: list-style-image

 

Horizontalaus meniu pavyzdys

CSS stilių aprašai:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
ul {
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a {
float:left;
width:6em;
text-decoration:none;
color:white;
background-color:#378adf;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a:hover {
background-color:#9ae02c;
}
li {
display:inline;
}

 

HTML kodas:

1
2
3
4
5
6
<ul>
<li><a href="#">Pradžia</a></li>
<li><a href="#">Apie mus</a></li>
<li><a href="#">Kontaktai</a></li>
<li><a href="#">Nuorodos</a></li>
</ul>

 

pabandyk_pats

Perskaityta: 2305 kartų

Lukas
Autorius: Lukas
El. paštas.: Šis el. pašto adresas yra apsaugotas nuo spam botų. Jum reikalingas įjungtas Javasctipt kad jį matytumėte
Manualai.lt tinklo autorius ir administratorius. VDU Energetikos Fizikos ir Verslo Informatikos studentas. LinkedIn
Raktažodžiai
pradmenys    css    sąrašai    meniu    list    liststyle    liststyletype    liststyleposition    listtypeimage   
Patinka straipsnis?
Komentarai

Komentarų nėra. Norėdami komentuoti turite prisijungti